CSS语言中的专业术语和“未定义行为”

一、 CSS专业术语；

1. 属性

例如CSS中的颜色、宽度、高度等，都是属性

2. 值

· 整数值：如 z-index：1；中的1 ，属于 < integer > ，同时也属于 < number >

· 数值：如 line-height :1.5; 中的1.5 属于 < number >

· 百分比：如 padding；50%；中的50% 属于 < percent >

· 长度值：如 99px

· 颜色值：如 #999

值大多与数字挂钩，除此之外还有字符串值、位置值等类型。

3. 关键字

关键词即指CSS 里面的关键词，常见的 solid 、 inherit 等都是关键词，其中 inherit 也被称作“泛关键词”，可以称为“公交车关键词”，即所有CSS 属性都可以使用的关键词。

4. 变量

CSS 中可称为变量的比较有限，在CSS 3中， currentColor 就是变量。

5. 长度单位

CSS中的单位有时间单位（s、ms）、角度单位（deg、rad等）但常见的单位是长度单位，长度一般分为相对长度单位和绝对长度单位。

其中，相对单位包括相对字体长度单位和相对视区长度单位：

相对字体长度单位：em、ex、rem 和 ch (字符0的宽度)；

相对视区长度单位：如vh、vw、vmin 和 vmax 。

绝对单位就是我们常用的 px、pt、cm、pc等，在实际开发中更多使用的是less等。

这里值得注意的是， width:50%; 但是 %并非长度单位，这里我们可以引入一个长度单位 length ，而 number + 长度单位 = length ，所以这里的50%仅仅只是一个值

6. 功能符

值以函数的形式指定，主要用来表示颜色、背景图片地址、元素属性值、计算和过度效果等。

7. 属性值

属性冒号后面的的所有内容统一称为属性值

8. 声明

属性名 + 属性值就是声明例如： color:transparent;

9. 声明块

声明块是花括号 {} 包裹的一系列声明，如：

{
   height：99px；
   color:transparent;
}

10. 规则或规则集

出现了选择器，而且后面还跟着声明块


.vocabulary {
    height：99px；
    color:transparent;
}

11. 选择器

选择器是用来瞄准目标元素的东西。例如 .vocabulary 就是一个选择器

类选择器例如：.vocabulary
ID选择器以“#” 打头，权重相当高。 ID一般指向唯一元素注意：在CSS中 ID样式会出现在多个不同的元素上，并不会只渲染第一个，而是雨露均沾
属性选择器指含有[] 的选择器；例如 [title]{},[title= "css-word"]{}等
伪类选择器一般指前面有个冒号的选择器例如：first-child 或：last-child
伪元素选择器：连续有两个冒号的选择器：：first-child 或：：last-child

12. 关系选择器

关系选择器是指根据其他元素的关系选择元素的选择器，常见的符号有：空格、 >、～、+等

后代选择器
相领后代选择器
兄弟选择器
相领兄弟选择器

13. @规则

@规则指的是以@ 字符开始一些规则，像@media @font-face @page 诸如此类。

二、未定义行为

这里可以简单理解为同样的页面，在不同浏览器中看到的效果或多或少会有差异，这里就是我们所说的兼容性，例如我们在 Chrome 浏览器显示正常的页面，在 Firefox 浏览器中体存在部分css样式失效等问题，此时一般会有人称为 “bug”。

但是，从Web 标准来讲，不同浏览器采用的内核不一样，定义的标准不一样，呈现的结果也不一样。所以当出现规范描述之外的场景，所呈现的差异化显示，我们称为未定义行为。

可以将网址 FireFox mousedown干掉:active » CSS世界demo演示 (cssworld.cn) 在不同浏览器打开，在引入JavaScrip代码后，Firefox 按钮并无UI变化，而 Chrome 、Safari 和 Edge 浏览器均很正常。

写在最后

在学习的过程中，我从视频开始学习，当视频学习的过程中，我同时购买了书籍，当对书籍内容了整体了解后，我视频资料中的的内容整体安排、哪些内容有讲，哪些内容没有有讲到都有了更清晰的认知，学习起来也更具有目的性。

这里借用某交流群内大佬 @杰克的一句话，看视频是为了入门，看书是为了更深入的学习，我想也是如此，这也是我为什么会购买CSS这样相对基础的书籍进行阅读的原因。

最后针对视频学习和看书学习的看法，视频讲解粗略的内容，通过书籍可以进行详细的学习，书中晦涩难懂的地方，可以通过视频通俗易懂的学习。在有一定经验积累的情况，自然看书要优于看视频，而初期的学习，看视频则可以更好的入门，对于通过视频的形式学习，通过笔记记录和大量的练习，可以避免“一看就会，一写就废”的情景，所以笔记记录。