css概念以及语法规则 css的语法构成

提示：点击上方"蓝色字体"↑ 可以订阅噢！

css

全称 Cascading Style Sheet

html 页面引入css

1，<link rel="stylesheet" href="url"> 写在head标签中

2, <style></style>

3,<p style="color:red;">内嵌样式</p>

语法：

selector{

属性名：属性值；

proterty1:value；

width:100px;

/*注释*/

...

}

浏览器私有属性

chrome,safari

-webkit-

firefox

-moz-

IE

-ms-

opera

-o-

属性值语法

padding:[<length>|<percentage>|auto]{1,4}

语法说明

1，基本元素 ：指的是语法中如length auto 等关键词

2，组合符合 : 指的是 | 等语法说明符合，不同符号代表不同涵义

3 , 数量符号 : {} 以及数字

基本元素：

类型：基本类型（<length>,<percentage>,<color>...）

其他类型（<'padding-width'>,<color-stop>...）

符号：（/，）

inherit ，initial

组合符合

空格:数顺序必须一致 且数量也一样，如下

<'font-size'> <'font-family'>

合法值： 12px arial

非法：arial 12px

12px

&& ：<length>&&<color> 两个值必须出现，不要求顺序一致

合法： green 2px

1em blue

非法：1em

||：至少出现一个，顺序不要求

|：只能出现其中一个，不同时出现

:bold [<length>|<percentage>] 分组作用

数量符号：

无 ： 表示基本元素只能出现一次 <length>

+： 出现一次或多次 <color> [,<color>]+

合法值：#fff , red ,gray

？：可以出现也可以不出现 相当于可选 inset？&&<color>

inset blue

red

{} :表示基本元素最少出现几次，最多出现几次 <length>{2,4}

*:可以出现0，1，或者多次

#:需要出现一次或者多次 ,多次用逗号隔开

@规则

@标识符 xxx；

@标识符 xxx{}；

常用： @media

@keyframes

@font-face

想认识志同道合的朋友一起学习web

加入我们的学习QQ群 190166743

丰富的学习资源，周一到周四免费直播公开课

长按图片，识别二维码即可入群

你可能感兴趣的精彩内容

长按关注：《UI设计自学平台》