慕仙8275188
2018-04-03 22:18:18浏览 1839
1.继承
继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。但注意有一些css样式是不具有继承性的。如border:1px solid red;
2.特殊性
浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
3.层叠
就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
4.重要性
有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决.注意:!important要写在分号的前面
p{color:red!important;}
p{color:green;}
<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
5. body{font-family:"楷体";} 字体
6.body{font-size:12px;color:#666} 字号,颜色
7.p span{font-weight:bold;} 粗体
8.p a{font-style:italic;} 斜体
9.p a{text-decoration:underline;} 下划线
10. .oldPrice{text-decoration:line-through;} 删除线
后续内容不影响PHP学习,暂停继续学习Html+CSS.