1.<p>可调宽度,<span>不可调宽度
2.最高优先级 !important
3.倾斜 <em><i>,加粗 <strong>
4.行内元素转换为块元素 display:block
5.块元素转换为行内元素 display:lnline
6.可变元素 display:lnline-block
7.隐藏并不占位 display:none
8.透明但占位 opacity:0
9.透明但占位 visibility:hidden
10.去除 li 的前标记 list-style:none
11.删除线 text-decoration:line-through
12.去除 a 的下滑线 text-decoration:none
13.文字超出部分隐藏并加省略号 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
14.<a> 不继承 color
15.<a> 的动作!!必须按照以下顺序
默认状态 a:link
被访问后 a:visited
鼠标浮动 a:hover
点击状态 a:active
16.float-left 会脱离文档流
17.清除浮动
.clearfix:after{
clear:both;
display:block;
content:'';
}
.clearfix{zoom:1;} //IE6、7
18.浮动三要素:①同级浮动其他都浮动
②有浮动,父级必须清除浮动
③浮动后要设置宽度
19.定位:①position:absolute;(绝对定位,会脱离文档流,参照物为有定位的父级)
②position:relative;(相对定位,参照物为自己本身)
③position:fixed; (固定定位,脱离文档流)
20.外部链接 <link rel="stylesheet" type="text/css" herf="链接位置">
21.绝对定位使元素居中
①已知元素大小 position:absolute;left:50%;top:50%;margin-left:长的一半;margin-top:高的一半;
②位置元素大小 position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
22.首行缩进 text-indent:40px;
23.使背景半透明 background:rgba(0,0,0,0.4);
2.最高优先级 !important
3.倾斜 <em><i>,加粗 <strong>
4.行内元素转换为块元素 display:block
5.块元素转换为行内元素 display:lnline
6.可变元素 display:lnline-block
7.隐藏并不占位 display:none
8.透明但占位 opacity:0
9.透明但占位 visibility:hidden
10.去除 li 的前标记 list-style:none
11.删除线 text-decoration:line-through
12.去除 a 的下滑线 text-decoration:none
13.文字超出部分隐藏并加省略号 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
14.<a> 不继承 color
15.<a> 的动作!!必须按照以下顺序
默认状态 a:link
被访问后 a:visited
鼠标浮动 a:hover
点击状态 a:active
16.float-left 会脱离文档流
17.清除浮动
.clearfix:after{
clear:both;
display:block;
content:'';
}
.clearfix{zoom:1;} //IE6、7
18.浮动三要素:①同级浮动其他都浮动
②有浮动,父级必须清除浮动
③浮动后要设置宽度
19.定位:①position:absolute;(绝对定位,会脱离文档流,参照物为有定位的父级)
②position:relative;(相对定位,参照物为自己本身)
③position:fixed; (固定定位,脱离文档流)
20.外部链接 <link rel="stylesheet" type="text/css" herf="链接位置">
21.绝对定位使元素居中
①已知元素大小 position:absolute;left:50%;top:50%;margin-left:长的一半;margin-top:高的一半;
②位置元素大小 position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
22.首行缩进 text-indent:40px;
23.使背景半透明 background:rgba(0,0,0,0.4);