标签:strong 样式表 初始 nbsp href 选择 bsp 1.3 继承
css 层叠样式表(英文名:Cascading Style Sheets),主要用于美化网页
1、css的表现形式
1.1 行内样式(内嵌样式)
写在标签内的样式,写在标签的开始部分的内部,style属性当中,即<div style=" width="100px";height="100px" "></div>
1.2 内部样式(内联样式)
写在HTML页面中,存放于<head></head>标签当中,样式则写在style标签中。
<style>
选择器{
属性名2:属性值2;
属性名2:属性值2;
......
}
</style>
注意:style标签不要写在title标签上方
1.3 外部样式(外联样式)
写在css文件中,用的话,直接导入
<link type="text/css" rel="stylesheet" href="文件所在的路径" />
2、css三大特性:
2.1 继承
父级的样式会被子级给继承。
注意:!important不会被继承
2.2 层叠
当样式发生冲突的时候,样式会产生覆盖(层叠);
解决方法为判断优先级的先后顺序或计算权重。
2.3 优先级
优先级的先后顺序为:
!important > 内联样式 > ID > class(类) > 标签 > *(初始化) > 继承;
如果记不清楚的话,可以用权重来计算,
!important,权重值为10000;
行内样式,例如:<div style="样式属性名:样式属性值;···"></div>,权重值为1000;
ID名,例如:<p id="p"></p>,,权重值为100;
class,例如:<p class="p"></p>,权重值为10;
标签,例如:p、span、i、em等等,权重值为1;
在权重相同的时候,遵循"就近原则",就近指的是谁离内容近,谁的优先级就高。
标签:strong 样式表 初始 nbsp href 选择 bsp 1.3 继承
原文地址:https://www.cnblogs.com/mercy-up/p/10098588.html