网页的时装 CSS

网页的时装 CSS

层叠样式表：Cascading Style Sheets

在一个网页中，CSS 主要对网页进行排版布局，并增加一些动态效果。它的表现方式为“属性:属性值;”通过这样的方式使 CSS 样式在网页中生效，对网页进行排版布局。

CSS 三种实现方式

内联方式（行内样式）：

将 CSS 样式定义在某个单独的标签中。

内部样式表：

将 CSS 样式定义在网页 head 标签中的 style 标签内。

特点：针对当前网页有效。

外部样式表：

将 CSS 样式定义在一个后缀名为 .css 的外部文件中。

特点：所有网页公用，真正意义的实现了重用性和可维护性。

选择器

在使用内部样式表和外部样式表时需要用到选择器。CSS 选择器的表现形式为：

选择器{

属性:属性值;

属性:属性值;

属性:属性值;

}

一般是在 CSS 对 HTML 页面中的元素实现一对一，一对多或者多对一的控制，需要用到 CSS 选择器，方便对 HTML 标签的样式设置。

CSS 四大特征

继承性：

大多数的 CSS 样式规则可以被继承。对外部元素进行样式设置，内部的元素也可以获得该样式设置。

层叠性：

为同一个元素定义多个样式规则，多个样式规则同时存在时不冲突，多个样式规则会合并成一个，属性重复时以最后一个出现为准（就近原则，以最靠近元素的 CSS 样式为元素的最终样式）。

优先级：

各级样式表冲突时（行内、内部、外部）会按照不同的优先级来应用样式。

0：浏览器默认设置

1：内部或外部样式表冲突时（就近原则）

2：行内样式（内联样式）

!important 规则：

通过 !important 显示调整样式规则的优先级，放在属性值之后，用空格来区分，由 !important 标识的属性值，优先级别最高。

关注文教Crazy，持续更新，敬请期待！