【Web Development】02 CSS

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

• 理解内容与样式分离的思想；
• 掌握三种 CSS 引入方式；
• 熟练使用各类选择器编写 CSS 样式。

一、CSS 核心概念

CSS 全称 Cascading Style Sheets 层叠样式表

核心价值：把 HTML 内容（结构）和页面展示样式（外观）进行分离，便于统一维护网页外观。

CSS 语法基础：属性:值;

• 一条规则可以写多组属性，分号;分隔。
• 部分属性拥有多个值，值之间用空格隔开 ，例如 border:1px solid black;。

颜色写法：

1. 颜色名称：lightgrey，CSS 一共支持 140 种标准颜色名；
2. 十六进制色值：#D3D3D3。

二、三种 CSS 引入方式

1. Inline 行内 CSS（内联样式）

直接写在 HTML 标签的style属性里面。

<h1 style="color:blue;">蓝色标题</h1>
<p style="border:1px solid black; padding:10px;">带边框段落</p>

特点：只作用于当前这一个标签。

2. Document / Internal 文档内部 CSS（内嵌样式）

在 HTML 文档的<head>标签中放置**