网页的时装 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,持续更新,敬请期待!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180620G14KYH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券