css术语和概念

 

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

属性

上面示意css代码中的height和color就是属性。

 

值

上面的99px就是值

整数值：如z-index:1中的1
数值：如line-height:1.5 中的 1.5
百分比值：如padding:50% 中的 50%
长度值：如99px
颜色值：如#999

关键字

上面的transparent，关键字指的是css里面很关键的单词，所有css属性都可以使用的关键字

 

变量

css中目前可以称为变量的比较有限，css3中的currentColor就是变量，非常有用

 

长度单位

　　如px,em

　　相对长度单位分为相对字体长度单位和相对视区长度单位

　　　　相对字体长度单位，如em和ex，还有css3新世界的rem和ch

　　　　相对视区长度单位，如vh,vw,vmin和vmax.

　　绝对长度单位：最常见的就是px,还有pt,cm,mm,pc等了解一下就可以，实用性近乎0

 

时间单位

　　如s,ms

 

角度单位

　　如deg,rad等

 

功能符

　　值以函数的形式指定(就是被括号括起来的那种)，颜色（rgba,hsla）,背景图片地址(url)

 

属性值

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

 

声明

　　属性名＋属性值就是声明

color:transparent

 

声明块

声明块是花括号包裹的一系列声明

{
    height:99px;
    color:transparent;
}

规则

出现了选择器，而且后面还跟着声明块，下面就是一个规则集

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

选择器

类选择器，如 .vocabulary
id选择器，如 #vocabulary
属性选择器，如[title='css-world']
伪类选择器，如 :first-child
伪元素选择器，如 ::before