提示：点击上方"蓝色字体"↑ 可以订阅噢！
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设计自学平台》