CSS层叠样式表

HTML局限性：

只有内容，不负责美化

HTML主要做结构,显示元素内容

样式写在style里，结构内容写在body里面

CSS简介

CSS-层叠样式表(Cascading Style Sheets )，也是一种标记语言

别称：CSS样式表或级联样式表。

功能

• 设置HTML页面中的文本内容(字体、大小、对齐方式等)
• 图片的外形（宽高、边框样式边距等）
• 版面的布局和外观显示样式

CSS最大价值：由HTML专注去做结构呈现，样式交给CSS，即结构(HTML)与样式(CSS）相分离。

代码风格

以下代码书写风格不是强制规范,而是符合实际开发书写方式.

1.样式格式【推荐小写 】

紧凑格式

h3 { color: deeppink;font-size: 20px;}

展开风格【推荐】

h3(选择器) {
	color: pink;
	font-size:20px;
}

2.样式空格

冒号后面，保留一个空格

h3 {
	color: pink;
}

选择器（标签）和大括号中间保留空格

具体

以上CSS做了两件事:

1.找到所有的h1标签。选择器（选对人）

⒉设置这些标签的样式，比如颜色为红色（做对事)