CSS（一）

一、什么是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">

4. 导入样式
   是内嵌样式和外链的样式的混合 比太常用

<style type="text/css">
     @import url(./css/1.css);
	
	</style>