CSS-06.06

1) 为什么需要CSS

​通过定义CSS样式表，能让网页具有美观一致的界面，可以将网页制作得更加绚丽多彩。一个样式文件可以作用于多个页面，具有更好的易用性和扩展性，通过修改样式文件，能制作出内容相同，而外观不同的多姿多彩的页面。
通过CSS可以实现内容和样式分离。方便后期维护。

2) CSS概念

Cascading Style sheet 层叠样式表 ： 层叠性

3)CSS应用

1.内部样式表（在head标签中通过style标签定义样式）

.... 选择器：用于选择到某个html元素，然后为元素设置css样式

2.外部样式表

外部样式表的使用步骤：
1.定义好html页面内容
2.新建一个单独的css文件
3.在css文件中直接定义样式内容
4.在html文件中引用css文件

3.行内样式表## 标题

通过style属性定义行内样式

内容

4）基础选择器

1.标签选择器

使用html标签名定义样式，匹配到的html元素，自动应用定义的样式

2.类选择器

进行更细致化或更灵活的样式控制要使用类样式
使用类样式(类选择器)的步骤：
1. 定义类样式: 在style标签中用".样式名"的方式定义类样式
2. 使用类样式: 在需要使用类样式的元素中通过class属性引用样式名

3.id选择器

id选择器: identifier 唯一的
id属性定义的元素在整个页面必须唯一，也就是id名是不能重复
id一般用于定义页面的布局元素 div,span
id在js中用于js获取对象的时候使用
id定义样式的步骤：
1. 在style标签中用 "#id名"的方式定义样式
2. 在需要使用id样式的元素中通过id属性引用id名来使用样式

5）优先级

样式权重: 对于同一个元素，只使用权重高的样式
!important: 10000
行内: 1000
id: 100
类: 10
标签: 1