- 首页 > it技术 > >
CSS样式——初始CSS样式表
CSS 样式表基本语法
- 【CSS样式——初始CSS样式表】行内样式表语法：
<标签名style="样式属性名 : 样式属性值值 ;
">
- 内部样式表：
选择器 {
样式属性名 : 样式属性值值 ;
}div {
width: 100px;
height: 100px;
background: skyblue;
}
- 外部样式表
- 创建一个CSS文件，在CSS文件中书写样式
- 在html文件中使用或@import引入外部样式文件
@import url("样式文件路径")
- link 与 @import 区别
- link 是HTML的标签，@impost是CSS提供的一种方式
- link在加载时，页面与样式同时加载，@import在加载时，先加载完页面在加载样式
- @import只有IE5以上版本能够支持
- JS操作DOM时，只能使用link标签
样式表之间的权重关系
- 行内样式表 > 内部样式表与外部样式表
- 内部样式表与外部样式表权重相同，当样式相同时，后写的覆盖先写的样式
- 权重高的样式表会覆盖权重低的样式表，这体现了样式表的层叠性
推荐阅读
