CSS学习笔记 | 语法规范 代码风格

CSS学习笔记

本文内容：
一、CSS简介
	1. 简介
	2. 语法规范
	3. 代码风格
		3.1 样式格式书写
		3.2 空格规范

一、CSS简介

1、简介

CSS是层叠样式表的简称，也称之为CSS样式表或级联样式表。CSS也是一种标记语言，是网页美容师。

CSS最大的价值在于：可以让HTML专注去做结构呈现，样式交给CSS，即结构（HTML）与样式（CSS）分离 。

2、语法规范

主要由两个部分构成：选择器以及一条或多条声明

选择器是用于指定CSS样式的HTML标签。

属性和属性值之间以 “键值对” 的形式出现。

<style>
    /* 选择器 { 样式 } */  
    p {
        color: red;   /*冒号隔开，分号结尾*/
        font-size: 12px;  /*修改文字像素，后面记得加px*/
    }
</style>

3、代码风格

以下代码规范并不是强制要求，而是符合实际开发书写方式。

3.1 样式格式书写

紧凑格式：

h3 { color:deeppink;font-size:20px；}

展开格式：

h3 { 
    color: deeppink;
    font-size: 20px;
}

推荐展开格式！

3.2 空格规范

在属性值前面，冒号后面，保留一个空格；

选择器（标签）和大括号之间要保留一个空格：

h3 {
    color: pink;
}

返回目录：笔记首页