CSS入门（基础、文本相关样式）

一、CSS核心基础
1、CSS样式规则

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

selector {declaration1; declaration2; … declarationN }

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

selector {property: value}

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

下面的示意图为您展示了上面这段代码的结构：

2、引入CSS样表
（1）内行式
<标记名 style=“属性1：属性值1；属性2：属性值2；”>内容</标记名>
（2）内嵌式

3、CSS基础选择器
（1）标记选择器
标记名 {属性1：属性值1；属性2：属性值2；}
（2）类选择器
.类名 {属性1：属性值1；属性2：属性值2；}
（3）id选择器
#id名 {属性1：属性值1；属性2：属性值2；}
（4）通配符选择器

• {属性1：属性值1；属性2：属性值2；}

4、CSS文本相关样式
（1）font-size字号大小

（2）font-family：字体
p{font-family:微软雅黑"}

（3）font-weight：字体粗细

color
（4）font-variant：变体
（5）font-style：字体风格
5、CSS文本外观属性
（1）color：文本颜色
（2）letter-spacing：字间距
（3）line-hight：行间距
（4）text-indent：首行缩进
（5）white-space：空白符处理