语法格式
规则集
css:一个个规则集组成
规则集:选择器和一个声明块组成
选择器:一串用连接符分隔的一个或多个简单选择器
声明块:{开始, }结束,包含了一个或多个属性声明
注释
1.以/*开始,*/结束
2.不能嵌套
3.注释内容对渲染没有英雄
属性名
其中有一种特殊的情况,带有各个浏览器私有属性的情况
chrome,safari:-webkit-
firefox:-moz-
IE:-ms-
opera:-o-
书写的时候有个规则,私有属性写在通用属性前,例如:
a{
-webkit-color:red;
-moz-color:red;
-ms-color:red;
-o-color:red;
color:red;
}
语法值定义
&&与,表示要同时出现
||或,表示至少出现一个
|互斥,表示只能出现一个
[]组成一个整体,表示优先级
*表示可以出现多个,例如background:url("1.jpg"),url("2.jpg");
?表示可选,可以出现0次,也可以出现1次,但是不能出现多次;
{a,b}表示最少出现a次,最多出现b次
#表示可以出现一次或者多次,但是出现必须以逗号分隔
@规则语法
@media,媒体查询
@keyframes,动画
@font-face,自定义的web字体
@import,从其他样式表导入样式规则
@charset,规定了脚本中定义的字符编码
@namespace,定义了用在css中的xml命名空间
@page,定义了页面容器的板式,方向等等
@supports,检测是否支持某个css特性
@document,写在css上的一个条件规则,可以指定一个或者多个规则元素
@media示例
@media(max-width:1280px){
font-size:12px;
}
@media(min-width:1281px)and(max-width:1920px){
font-size:14px;
}
意思是,在最大宽度在1280以下的屏幕字体显示12像素,在1281-1920像素下显示的字体大小为14像素