专业编程基础技术教程

网站首页 > 基础教程 正文

CSS 样式规则 css样式规则由什么组成

ccvgpt 2024-10-12 14:24:11 基础教程 8 ℃

CSS样式规则语法样式是CSS的基本单位,每个样式规则都是由选择器和声明块两个基本部分组成的。

选择器(selector)决定为哪些元素应用样式;

CSS 样式规则 css样式规则由什么组成

声明块定义相应的样式,它包含在一对花括号内,有一条或多条声明组成,而每一条声明则由一个属性和一个值组成,中间用冒号隔开。

语法:

属性名1: 属性值1;
属性名2: 属性值2;
属性名3: 属性值3;


关于CSS的样式规则我们有三个点需要注意的有:

就近原则

  • 优先级关系,从高到低:行内样式 > 内部样式 > 外部样式。

继承原则

  • 继承中多数边框类的属性不能被继承,比如padding、margin、背景等都不会被继承;
  • 表格也不能继承父类的样式。

覆盖原则

  • 由于继承而发生的样式冲突,由最近的祖先元素取值;
  • 继承的样式和直接指定的样式发生冲突时,直接指定的样式获取值;
  • 直接指定的样式发生冲突时,样式权重高的元素获取值;
  • 样式权重相同时,后者获取值;
  • !important 的样式属性不能被覆盖。


熟悉识记

CSS样式规则的三大原则的语法、基本概念以及注意事项。

Tags:

最近发表
标签列表