CSS基础篇

1. CSS简介

CSS指层叠样式表（Cascading Style Sheets）

特点：

1. 样式表由样式规则组成，以告诉浏览器如何显示一个文档。
2. 每个规则的组成包括一个选择符——通常是一个HTML的元素和选择符所接收的样式。
3. 每个元素可以定义多个属性，每个属性带有一个值，共同表述选择符如何呈现。

2. CSS语法

2.1 样式规则格式

选择符 {属性：值}

单一选择符的复合样式声明应该用分号分割：

选择符 {属性1：值；属性2：值}

2.2  选择符分组

选择符1,选择符2 {属性：值} <!--表示选择符1或者选择符2都是用大括号中的样式来修饰-->

选择符1 选择符2 {属性：值} <!--表示当选择符2在选择符1中，用大括号中的样式来修饰-->

2.3  class & id

class：类选择符

• 类选择符用.来定义
  
• 选择符.content {属性：值}  <选择符 class="content"></选择符> <!--表示当选择符的class的值为"content"(content的值为任意）时候，用大括号的样式来修饰-->
• .content {属性：值}  <!--表示任何选择符-->
• 就近原则

id：id选择符

• id选择符用#来定义
• #id {属性：值}  {选择符 id="id"></选择符>  <!--表示选择符的id的值为"id"（id属性只能在每个html文档中出现一次），用大括号的样式来修饰-->
  

以上为CSS基础部分，其他内容可以查看CSS参考手册

本人学习后整理，欢迎大家指出问题