一、什么是CSS
中文名称:层叠样式表
英文名称:Cascading Style Sheets
1.1 Css的语法结构
<h1 style="color:red">CHQ_2157</h1>
在标签内写 style=“属性:属性值”
选择符{
属性:属性值
}
1.2 选择符
1.标签选择符:以标签命名的选择符
p{ color:gold; }
2.id选择符:通常用于描述一个标签具有唯一的样式,表示是 #
<p id="first">CHQ_2157</p>
#first{ color:green; }
3.class选择符:通常用语修饰一组或者一系列具有相同样式的标签,标识是 .
<p class="blue">我就在这里等你披星戴月乘着风而来</p>
<p class="blue">我就在这里埋好烈酒候你故事开</p>
<p class="blue">千千万万人海灯火阑珊你多少次不在</p>
.blue{ color:blue; }
1.3 css的引入方式
1.行内样式
在 标签中写入style属性
<h1 style="color:red">等你归来-程响</h1>
2.内嵌样式
<style type="text/css">
p{
color:gold;
}
#first{
color:green;
}
.blue{
color:blue;
}
</style>
3.外链样式
<link rel="stylesheet" type="text/css" href="./css/1.css">
- 导入样式
是内嵌样式和外链的样式的混合 比太常用
<style type="text/css">
@import url(./css/1.css);
</style>