读书笔记--《CSS世界》--第二章 CSS相关术语和概念

术语和概念是我们在深入了解CSS的必备知识，这有助于我们更好更透彻的理解。

CSS世界术语

我们先写一段CSS规则

div{
    height: 100px;
}

1. 属性 通常描述一类样式的可以称为属性，比如上面的height用来描述元素的内容高度，还有width，padding等等。
2. 值（属性值） 书上把属性值分成好多类，我归纳一下。

• 数值 或者 数值+单位：
  1. z-index: 1中的 ‘1’ ，就是简单一个数值表示属性值
  2. 100px 这一类是值加绝对长度单位
  3. 颜色值 用来表示颜色 #ccc 等等
• 关键字 一类英文单词表示特定属性值，比如 position:absolute中的 absolute，border: 1px solid #ccc中的solid;
• 功能符 有些时候简单的数值和关键字不能表示一些属性，这时候需要功能符。可以把功能符看成一个函数，使用函数处理特定属性值，比如 calc，rgba，url等等。

上面三种是属性值常见组成成分，可以单一构成属性值，也可以组合构成属性值。

3. 属性值和属性合在一起在声明,如下

    height: 100px;

4. 声明外面的花括号所包裹的部分叫做声明块，声明块中可能会有零到多个声明。

{
    height: 100px;
}

5. 选择器 就是选择样式所应用的DOM元素，比如 div（元素选择器），#div（id选择器），.div（类选择器）等等。

6. 选择器和声明块合在一起叫做规则，就是我们一开始介绍的那块

div{
    height: 100px;
}

CSS中的“未定义行为”

CSS中的未定义行为，按我理解：指的是各大浏览器厂商为了满足自己对样式的喜好，会基于已有样式对元素样式进行修改，又或者对元素新增加了样式属性。