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}
如图所示:
initialinitial 关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。
inherit
每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。
unset
名如其意,unset 关键字我们可以简单理解为不设置。其实,它是关键字 initial 和 inherit 的组合