文章目录
- 层叠样式表
- 在html文件中引入css样式表:2种方法
- 如何设置样式:3种css选择器
- 继承
- 权重
层叠样式表
引入html网页中的方式,共3种。
-
行内样式(内联样式):直接在html中设置
-
内部样式:css代码写在的
在html文件中引入css样式表:2种方法
- 链接式: css标签
<link href="css/index.css" rel="stylesheet" type="text/css"/>
- 导入式:——css2.1支持
<style type="text/css">
@import url("css/index.css");
</style>
如何设置样式:3种css选择器
-
标签选择器:
-
类选择器:.
-
id选择器:#
id具有唯一性。
<style type="text/css">
/*标签选择器*/
li{color:gold}
/*类名选择器*/
.apple{color:red}
/*id选择器*/
#taozi{color:pink}
</style>
- 其他选择器:
子元素只选择包含的第一层
全局选择器