CSS 层叠样式表
语法:
层叠样式表有着简单的语法并且使用一些英语关键词来指定各种样式属性的名字。一个样式表包括一系列规则。每个规则或者规则集包含一个或多个选择器和一个声明块。
选择器
在层叠样式表中,选择器经常用来声明部分标记样式,而这些标记样式通过匹配的标签和属性来运用到标签样式自身。选择器可以运用在:
- 所有指定类型的元素,例如, 第二级头标签 h2
- 由属性指定的元素,特别是
id:文档中独一无二的标识符
class:文档中独一无二的多元素组。
- 在文档数中,元素依赖其他元素的相对位置
类和ID都是大小写敏感的,用字母开头,它可以包含字母数字字符和下划线。任意数量的实例的任意数量的元素可以有同样的类。一般来讲,ID仅仅应用在一个元素的实例中。
伪类通常被使用在css选择器里面来设置那些没有包含在文档数里面的那些信息的格式。比较广泛使用伪类的例子就是:hover,仅当用户指向可见元素的时候,标识的内容通常会被在上面移动的鼠标光标使用。这个伪类附近到选择器上就是a:hover 或者 #elementid:hover. 不管伪元素在哪里标记成一个可能是元素一部分的选择器,例如 :first-line 或者 :first-letter, 这个伪类分类文档元素,比如:link或者:visited.
声明块
一个声明块在大括号里包含一系列声明。每一个声明自身都包含属性,冒号和值。如果在块里面有多个声明,必须用分号将每一个声明分离开来。
属性由css的标准指定。每一个属性都有一个可能值的集合。一些属性能影响任意类型的元素,另一些则仅仅使用在特定的元素组里面。
值可以是关键字,例如 "center"或者"inherit", 或者数字值,例如 200px(200像素),50vw(视区宽度的50%)或者80%(窗口宽度的80%)。颜色值可以用指定的关键字(例如红色),十六进制数字值(例如#FF0000, 或者缩写为#F00), 从0到255的RGB值(例如 rgb(255,0,0)), 指定颜色和透明度的RGBA值(例如 rgba(255,0,0,0.8), 或者HSL和HSLA值(例如 hsl(000,100%,50%), hsla(000,100%,50%,80%)).
使用
在层叠样式表之前,几乎所有的HTML文档的表现属性都包含在HTML标记里面。所有的字体颜色,背景样式,元素对齐方式,边框和大小都必须显示描述, 它们通常在HTML里面分离开来。CSS允许作者将这些信息从一个文件移到另一个文件中,样式表使得HTML的形式更加简单。
例如, 标题(h1元素),子标题(h2),子子标题(h3) 等等都是用HTML结构化定义的。在打印机和屏幕上,选择字体,大小,颜色和加粗是构成它的元素。
在CSS之前, 文档作者