本文深入探讨了CSS中的强制优先级（!important）规则，权重叠加概念，以及不同类型的标记显示模式，包括行显示和块显示标记在拼版中的应用。
2.8 强制优先级（!important）
<style type="text/css">
p{
color:#FF0000 !important;/*红色*//*强制优先级*/
}
.aa{
color:#00FF00;/*绿色*/
}
#bb{
color:#000099;/*蓝色*/
}
</style>
</head>
<body>
<p class="aa" id="bb" style=" color:#9933CC">锄禾日当午，汗滴禾下土。</p>
<!--紫色-->
</body>
2.9 权重叠加（只有在多个样式控制同一个元素的时候，才有权重叠加）
标签选择器<类选择器<id选择器<直接（行内样式）<important
对应权重：1 < 10 < 100 < 1000 < 10000
2.10 标记的显示模式
在样式里面px不能省略，HTML里面px可以省略。2.10.1 行显示标记
标记从左往右排称为行显示标记。特性：
1、从左往右排列
2、不能指定高度默认高度是0
3、不能指定宽度默认宽度是0
4、行显示标记不能指定宽度和高度
5、转换成块显示：display:inline（-block）;
*学一招：如果<a>标记转换成块显示以后，可以设置宽度和高度，但是排列
变成了上下排列，如果要实现左右排列，同时还要设定宽度和高度，可以将显示模
式置为display:inline-block;
2.10.2 块显示标记
标记从上往下排称为块显示标记。特性：
1、如果不指定宽度默认宽度是100%
2、如果不指定高度，高度是0px
3、从上往下排。
4、可以设置宽度和高度。
注意：不是所有的标记都能分成行显示标记和块显示标记<br><head><title><meta>等，
这些标记本来就不是用来显示页面内容的，所有不能用块显示和行显示概念套用。<img>比
较特殊，既有行显示的特性，又有块显示的特性。默认情况下是inline-block显示方式。
2.10.3 拼版中常用的两个块标记
<div>
1、 块显示标记
2、 跨段块标记，div中可以放标题，段落，图片，文字，div。
<span>
1、 行显示标记
2、 跨字符标记，span里面只能放文字。
扫一扫
531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
