一、css的使用方式（）

1.行内样式（内联样式）

<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>

2.页面嵌入（内部样式表）

在head标签里面增加一个子标签

<style>

选择器{

属性名1:属性值1;

属性名2:属性值2;

......

}

</style>

3.外部文件（外部样式表）

在head标签里面增加一个子标签

<link rel="stylesheet" href="css文件的路径" />

4.外部导入样式

主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算

css语法： （符号都是英文的）

选择器{

属性名1:属性值1;

属性名2:属性值2;

......

}

二、颜色的表示方法

1.颜色色值的英文单词 red，yellow，green，blue...

2.16进制表示法

三、css------选择器

1.ID选择器

使用id选择器：在元素上面增加一个id属性,id属性的属性值不用用数字开头

一个页面中只能有一个id属性值

css中id选择的表示方法用 # 表示

2.class选择器

使用class选择器：在元素上增加一个class属性，class属性的属性值不能用数字开头

一个页面中可以有多个class属性值

css中class选择器的表示方法用 . 表示

3.标签选择器

直接写标签名

4.组合选择器

选择器直接用,分隔开即可

5.子代选择器

 只针对子代

6.后代选择器

用空格表示，包含着子代选择器

7.通用选择器

* 针对于所有的标签

8.:hover 伪类选择器

当你的鼠标放上去的时候，会变化成的样子

四、文本类样式

1.文本对其方式、文本下划线、设置字体的颜色、文本的行高、设置字体的样式、规定字体是否倾斜、设置字体的大小。（在浏览器中,默认的字体大小16px，谷歌浏览器中，字体大小最小可以为12px，火狐没有限制）。

五、有序列表与无序列表

有序列表，英文为“Ordered List”，标签为<ol>，作用是在网页中显示一个有顺序的列表。无序列表，英文为“Unordered List”，标签为<ul>，作用是在网页中显示一个无顺序的列表。