基本语法
- 每个css样式由两部分组成,即选择符和声明,声明又分为属性和属性值;
- 属性必须放在花括号中,属性与属性值用冒号连接;
- 每条声明用分号结束;
- 但一个属性有多个属性值的时候,属性值与属性值不分先后顺序,用空格隔开;
- 在书写样式过程中,空格、换行等操作;
CSS样式
内部样式的创建
<style>
h1{
color: red;
}
h2{
color: green;
}
h3{
color: yellow;
}
</style>
外部样式的创建
link和import之间的区别
- 差别1:本质差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。
- 差别2:加载顺序差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候比较明显
- 差别3:兼容性的差别:@import是css2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题
行内样式的创建
<body>
<h1 style="color: red;">111</h1>
<h2 style="color: yellow;">222</h2>
<h3>333</h3>
</body>
样式表的优先级
就近原则
行内 > 内部 > 外部