html入门第二步——css语法_第一步第二步 css 样式-CSDN博客

本文链接：https://blog.csdn.net/LIanG_SiR_/article/details/97499970

css语法

css组成
选择符{属性：属性值；属性：属性值}
每个CSS语法由两部分组成，即选择符和声明，声明又分为属性和属性值；
css样式
1.内部样式：<style type="text/css">
/css语句/

</style>置于<head>与</head>之间

2.外部样式的两种引用方式：link和@import
两者区别
差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
3.内联样式：<div style=" "></div>

css选择符、选择器

class选择符权重为10
标签选择符：0
id选择符权重为100
*通配符权重为0
群组选择器权重为各自的权重
包含选择器权重为所有之和
伪类选择器超链接应用，有四个属性（link 初始状态、visited访问后状态、hover悬停状态、active被激活的状态）权重为10
内联样式权重为1000
注意：当多个选择器一起时，权重高的会覆盖权重低的，当权重一样时，依据就近原则，那个在后面，就采用哪个选择符样式