前端学习(十六) css语法(css)

语法格式

规则集

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像素

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/80849523
今日推荐