第 12 章 CSS 入门 - 水之原

学习要点：

1.使用 CSS

2.三种方式

3.层叠和继承

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS（层叠样式表），它是用来对 HTML 文档外观的表现形式进行排版和格式化。

一．使用 CSS

CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS 属性和属性值。

p style="color:red;font-size:50px;">这是一段文本p>

解释：style 是行内样式属性。color 是颜色属性，red 是颜色属性值；font-size是字体大小属性，50px 是字体大小属性值。

二．三种方式

创建 CSS 样式表有三种方式：1.元素内嵌样式；2.文档内嵌样式；3.外部引入样式。

1.元素内嵌样式

p style="color:red;font-size:50px;">这是一段文本p>

解释：即在当前元素使用 style 属性的声明方式。

2.文档内嵌样式

style type="text/css"> 
p {
　　color: blue; font-size: 40px;
}
style>

p>这是一段文本p>

解释：在

元素之间创建

//style.css

@charset "utf-8";
p {
　　color: green;
　　font-size: 30px;
}