CSS学习笔记：概述

书写规范

• 选择器与 { 之间必须包含空格
• 属性名与之后的 : 之间不允许包含空格，与值之间必须有空格
• 并集选择器必须多行
• 选择器的嵌套不应大于3级
• 所有属性必须另起一行
• 属性定义必须以分号结束
• 代码书写采用展开式
• 全部使用小写字母书写
• 尽量少用通用选择器*
• 尽量少用id选择器
• 不适用无具体语义的标签选择器，如div、span
• 不使用“_”下划线来命名CSS选择器
• 定义的选择器名，属性及属性值的书写皆为小写。

书写顺序

display（建议第一个写）、position、float、clear、visibility、overflow

width、height、margin、padding、border、background

Color、font、text-decoration、text-align、vertical-align、white-space、break-word

Content、cursor、border-radius、box-shadow、text-shadow、background、linear-gradient

引用方法

内联样式

<h1 style="color:pink">h1>  

• 只能控制当前的标签
• 没有实现结构和样式相分离

内部样式

<style>
    h1 {
        color: pink;
    }
style>

• style一般位于head标签中，理论上可以位于任何地方

• type=“text/css” 在html5中可省略

外部样式

<link rel="stylesheet" href="style.css">  

三种引用方法所作用的区域是不同的：

• 内联样式，控制一个标签

• 内部样式表，控制这个页面

• 外部样式表，控制整个站点