CSS伪类及伪元素选择器,如超链接的a:link、a:visited、a:hover等等, 一、超链接 a:link{ color:red;} a:visited{ color:blue;} a:hover{ color:black;} a:active{ color:#6600CC;} 注意:设置 ...
分类:
Web程序 时间:
2016-08-04 19:24:00
阅读次数:
856
清除浮动 : 实现父元素能被浮动元素撑开 (1)添加<div style="clear:both;"></div> (2) css after 伪元素(注意这不是伪类,而是伪元素,代表一个元素之后最近的元素)和 IEhack(zoom:1) ,可以完美兼容当前主流的各大浏览器,这里的 IEhack ...
分类:
其他好文 时间:
2016-08-04 14:40:48
阅读次数:
156
CSS选择器效率:CSS选择器具有高效的继承性,引用Steve Souders的话, CSS选择器效率从高到低的排序如下:ID选择器 比如#header类选择器 比如.promo元素选择器 比如 div兄弟选择器 比如 h2 + p子选择器 比如 li > ul后代选择器 比如 ul a 7. 通用选择器 比如 *属性选择器 比如 type = “text”伪类/伪元素选择器 比如 a:hover...
分类:
Web程序 时间:
2016-08-03 10:40:24
阅读次数:
222
选择器 简单选择器 伪元素选择器 组合选择器 标签选择器 p{color:blue;} 类选择器 .special{color:blue;} 多个组合 .className - . - 字母,数字,-,_ - className必须以字母开头 - 区分大小写 - 出现多次 id选择器 #ban {c ...
分类:
其他好文 时间:
2016-08-02 01:21:03
阅读次数:
253
一、text-align:center;vertical-align:middde; html部分 css部分 也可不用伪元素after,在child的div后面写一个span class为add的标签。 font-size:0px;解决当child元素内的字超过一行 垂直居中失效问题。 二 、定位 ...
分类:
Web程序 时间:
2016-07-30 16:22:41
阅读次数:
152
转载 http://www.csswang.com/exp/4842.html 当开发web应用程序时, 表单样式 是个头疼的问题。以前,web开发人员不得不接受一个现实,就是由客户端浏览器控制 表单样式 。然而,作者通过 伪元素 给web渲染引擎添加钩子,就可以控制表单的显示。 然而,所有这些 伪 ...
分类:
其他好文 时间:
2016-07-25 16:19:49
阅读次数:
138
1.1 给父盒子设置一个高度; 1.2 Clear:both; 1.3 Overflow:hidden; 1.4 使用伪元素 .clearfix:before, .clearfix:after{ content:” ”; display:table; } Clearfix:after{ Clear: ...
分类:
Web程序 时间:
2016-07-25 00:12:52
阅读次数:
163
伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到。 下面就这句话给出例子 伪类 :first-child 使用伪类选出第一个段落 如果我们不使用伪类也要达到相同的效果,那么我们可以这样做过:给第一个段落添加一个类选择器 然后设置类选择器的样式 伪元素:fi ...
分类:
其他好文 时间:
2016-07-24 12:02:32
阅读次数:
152
1、给父盒子设置高度 2、给父盒子设置overflow:hidden; 3、给父盒子的最后面加一个div,这个div有个属性:clear:both; 4、使用伪元素清除浮动 5、标准流隔断法 html代码: 运行界面截图: 清除浮动的方法太多太多了,我记录这五种,如果朋友你有更好的清除浮动方式,记得 ...
分类:
其他好文 时间:
2016-07-23 22:49:05
阅读次数:
236