web前端学习笔记--CSS语法

**CSS规则：**由两个主要的部分构成：选择器，以及一条或多条声明

p{width：300px;font-size:14px;}

其中p为选择器，{}内的是多条样式属性

样式规则：（以内嵌式样式表为例）

1. 所有的css代码必须写在style标签中

2. 在设置样式前，必须使用选择器先先选中标签

3. 属性的写法：k:v;

4. 样式属性必须写在一对大括号里，且每一条样式属性必须以分号结束

    <style>
           div {
               width: 100px;
               height: 100px;
               background-color: pink;
           }
   </style>
   

CSS注释语法：

 /* 中间部分为注释 */

书写风格：

• CSS样式格式：

1. 展开格式：一般在开发过程中，方便读和修改

   <style>
           div {
               width: 100px;
               height: 100px;
               background-color: pink;
           }
   </style>
   

2. 紧凑格式：一般用在上传服务器，压缩文件大小，便于传输

   <style> 
    div {width: 100px;height: 100px;background-color: pink;}
   </style>
   

• 英文大小写：

​ 在css中，不区分大小写，但是一般都是小写

• 空格规范：

1. 在选择器和大括号之间保留一个空格
2. 属性值前面，保留一个空格