这篇文章主要为大家展示了“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概念以及语法规则是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网行业资讯频道！
