<!--strong语气着重加强--> lorem乱序铭文 <!--em斜体--> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil? Lorem ipsum dolor sit amet, conse ...
分类:
Web程序 时间:
2018-04-15 13:43:18
阅读次数:
205
伪类选择器:E:checked、E:default和E:indeterminate E:checked伪类选择器用来指定当表单中的radio单选框或checkbox复选框处于选取状态时的样式。 代码清单19-21为一个E:checked伪类选择器的使用示例,在该示例中使用了几个checkbox复选框 ...
分类:
其他好文 时间:
2018-04-07 12:45:07
阅读次数:
122
web前端庞大而复杂的知识体系的组成:html、css和 javascript 二.css 1、CSS选择器 CSS选择器即通过某种规则来匹配相应的标签,并为其设置CSS样式,常用的有类选择器、标签选择器、ID选择器、后代选择器、群组选择器、伪类选择器(before/after)、兄弟选择器(+~) ...
分类:
Web程序 时间:
2018-04-06 20:17:23
阅读次数:
211
Document 访问过的链接 没访问过的链接 使用input创建一个文本输入框 ...
分类:
其他好文 时间:
2018-04-05 16:49:49
阅读次数:
162
只要兼容现代浏览器如 webkit、firefox、opera等浏览器,对于伪元素采用双冒号的写法,要是非要兼容IE浏览器,用CSS2的单冒号写法比较安全。 首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两 ...
分类:
其他好文 时间:
2018-03-29 19:02:23
阅读次数:
376
:hover伪类选择器可以用于所有的选择器(只有在悬停时,执行选择器的属性)CSS3中新增过渡模块:transition property(属性)duration(过渡效果花费的时间)timing-function(过渡效果的时间曲线)delay(过渡效果何时开始)简写:transition:过渡属... ...
分类:
Web程序 时间:
2018-03-17 00:43:16
阅读次数:
337
需要注意的是,使用伪类选择器:.class:hover:before; .class:hover:after ; 而不是 .class:before:hover .class:after:hover 这样的选择器是无效的。(过渡动画需要对浏览器进行兼容性适配的,这里仅仅是为了演示。) 实现效果: ...
分类:
其他好文 时间:
2018-03-15 11:23:37
阅读次数:
297
选择器就是你想去应用样式的时候去帮你选择元素。 ID选择器(#id)、 标签选择器(div,h1,p,ul)、 子选择器(ul < li)、 class选择器(.classname)、 伪类选择器(a:hover,li:nth-child)、 后代选择器(ul li a)、 组选择器、 包含选择器等 ...
分类:
Web程序 时间:
2018-03-01 14:55:10
阅读次数:
178
第十三章 CSS选择器【下】 一、伪类选择器总汇 二、结构性伪类选择器 :能够根据元素在文档中的位置选择元素,这类元素都有一个前缀(:) 1、根元素选择器 :(基本不怎么用,因为总是返回<html>元素) 2、子元素选择器 :(伪类都需要加上前置来限制范围) (1) <ul><li></li><li ...
分类:
Web程序 时间:
2018-02-28 19:41:25
阅读次数:
173
伪元素选择器: ::first-letter:为某个元素中的文字的首字母或第一个字使用样式。 ::first-line:为某个元素的第一行文字使用样式。 ::before:在某个元素之前插入一些内容。 ::after:在某个元素之后插入一些内容 ::selection:匹配元素中被用户选中或处于高亮 ...
分类:
Web程序 时间:
2018-02-25 14:44:34
阅读次数:
182