css概念以及语法规则是什么

这篇文章主要为大家展示了“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

以上是“css概念以及语法规则是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网node.js频道！