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