第三次前端培训

1.css概述

CSS层叠式样表，是一种用来表现HTML和XML的文件样式的计算机语言，Css，目前最新版本为css3，是能够真正做到网页表现与内容分离的一种样式设计，语言相对于传统html的表现而言，css能够对网页中的对象的位置排版进行书籍的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够初步交互，设计师目前基于文本展现最优秀的表现，设计员css能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群有较强的易读性
2.css的基本用法

2.1css基本语法

css样式由选择器和一条或多条以分号隔开的样式声明组成，每条声明的样式包含着一个css属性和属性值

选择器名（

属性：属性值：

）

div(

background-color:red:

)

注意：

css声明要以分号结束，声明以{}括起来

建议一行书写一个属性

若值为若干单词，则要给值加引号

2.2注释

多行注释：

/*这里就是注释注释内容*/

2.3css的使用

1.行内式

行内样式将样式定义再具体的html元素的style中，以行内样式书写的css的耦合度高，只适用于当前元素，在设定某个元素的样式时比较常用

2.嵌入式

嵌入式通过再html页面内容开辟一段属于css的代码区域，通常做法在head标签中嵌套style标签，在style中通过选择器的方式调用指定的元素并设置相关css

3.引入外联式文件

在实际开发当中，很多时候都使用外联式文件，这种形式可以使html页面更加清晰，而且可以达到更好的重用效果

3.css选择器

在css中，选择器是一种模式，用于选择需要添加样式的元素

3.1基本选择器

3.1.1通用选择器

选择所有*

*（

..........

)

3.1.2元素选择器

选择指定标签

元素名称（

...........

)

3.1.3ID选择器

3.1.4类选择器