零基础前端课程--第四节课

CSS（Cascading Style Sheets）层叠样式表，主要用于页面样式的设置，取代html页面中的格式样式相关的标签。

CSS的优点：

1.实现内容和样式的分离

2.提高代码可重用性和可维护性

使用CSS样式表：

1.内部样式：

<style type="text/css"></style>

2.内联样式：

<h2 style=”color:red;”>h2text</h2>

3.外部样式：

<link rel="stylesheet" href="myStyle.css" />

作用范围3 > 1 >2

复用性3>1>2

CSS特征：

继承性：父元素样式会被子元素继承。

层叠性：多个样式不冲突时会叠加

优先级：内联>外部或者内部>浏览器默认设置

选择器（重要）：

基础选择器：

1、通用选择器*

    通常用于清除浏览器默认设置或者是网站全局设置

2、元素选择器div{} p{}

    仅仅作用域指定元素

3、类选择器：.className{...}

    将元素的class属性的值设置为className

    可以将多个类选择器应用于同一个元素，用空格隔开不同类名

    可以将类选择器和元素选择器结合使用div.redBg,可以实现某种元素中不同样式的细分控制

4、ID选择器：#eleId{...}

    id选择的精确度最高的

    拥有最高的查询效率（推荐使用）

5、群组选择器：h2,p,#son,.important{...}

    用逗号隔开各种选择器

    作用是设置样式相同元素