一、版本
css1.0
css2.0(主要)
css3.0(存在兼容问题)
二、如何引用css
内联样式： 在head头部中的style中输入css
<head>
<style type="text/css">
a{color:red;}
</style>
</head>内部样式 以属性的方式写在任何标签中
<a style="color:red;font-size:16px;" href="#">超链接</a>外部样式：
link标签（主要使用） 在head头部中
<head>
<link rel="stylesheet" href="外部样式表的地址" type="text/css"/>
</head>@import导入 在head头部中的style中
<head>
<style>
@import url(外部样式表的地址);
</style>
</head>重点：link标签与@import导入的区别：
1.link属于标签，@import是CSS提供的一种方式
2.加载顺序不同，link与页面同时加载，@import等页面加载完才加载
3.兼容性的区别，link在任何版本不会有兼容性问题，@import由2.1版本推出，不支持老版本
4.dom操作：dom可以操作link引入的样式
三、css的基本结构
格式：选择器{属性:属性值;}
基本选择器：
1.标签选择器 格式：标签名{color:red；}
2.类选择器 格式：.标签名{color:red；}
3.ID选择器 格式：#标签名{color:red；}
4.（通用）全局选择器 格式：*{color:red;}
复合选择器：
1.后代选择器： 格式：父标签 子标签{color:red;} 选择父标签下所有同名的子标签
2.子代选择器： 格式：父标签 >子标签{color:red;} 只选择父标签下的第一级子标签
3.兄弟选择器 格式：选择器1 ,选择器2{color:red;}
4.交集选择器
没有任何分隔，格式格式：选择器1选择器2{color:red;}
同时满足选择器1和选择器2才执行css样式
注意：如果有标签选择器，必须放在前面
选择器的权重：
通用：0
标签：1
class类：10
id：100
css的三种特性：
1.继承性
2.层叠性
3.优先级
扫一扫
1472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
