文章目录
- 层叠样式表
- 在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>
- 其他选择器:
子元素只选择包含的第一层
全局选择器