CSS属性值 什么是预定义值? selector是什么?

html-css045

CSS属性值 什么是预定义值? selector是什么?,第1张

一条css样式规则是由选择器、css属性和css属性值组成的,比如

div{ color:red}

这里的div就是selector,就是选择器,你选择什么东西让它有什么样式,你总要有个选择的对象吧。

color就是这条css样式的属性,red就是属性值

这条样式规则的意思就是让div盒子的字体颜色变成红色

有很多css属性值都是有默认值的,也就是预定义值吧,比如background-repeat,这是一个背景图片是否平铺的属性,它有4个可能的值,水平方向平铺、垂直方向平铺,水平垂直都平铺,不平铺,默认就是水平垂直方向都平铺,意思就是如果你设置了背景图片后没有设置它的平铺方式,默认就是两个方向同时平铺。

CSS 属性取值是没有区别的,在开发中通常称为键值对,举个例子:

color:yellow

那么color为属性,而yellow为取值,这是配对的

CSS 语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1declaration2... declarationN }

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

selector {property: value}

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。

在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。

h1 {color:redfont-size:14px}

如图所示:

initial

initial 关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。

inherit

每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。

unset

名如其意,unset 关键字我们可以简单理解为不设置。其实,它是关键字 initial 和 inherit 的组合