从零开始的web前端开发07

一、CSS3 基础概述

CSS（层叠样式表）专门用于美化、布局网页，核心提供四大基础样式能力：

• color ：文字颜色属性
• background ：背景样式属性
• font ：文本字体全套相关属性
• float ：元素浮动布局属性

二、CSS 样式编写基础规则

1. 选择器严格区分大小写，属性和属性值不区分大小写，行业统一规范：所有代码全部小写书写
2. 多条样式属性之间，必须用英文半角分号  ;  隔开；最后一条属性末尾分号可省略，为了维护便捷，强烈建议保留
3. 如果属性值由多个单词组成、中间包含空格，该属性值必须包裹英文半角引号
4. 支持添加CSS注释，提升代码可读性、方便后期维护
5. CSS中空格不会被解析执行，花括号、分号前后的空格可自由添加，用来优化代码排版

三、CSS 样式表的3种引入方式

1. 行内式（内联样式）

• 实现方式：直接在HTML标签的 style 属性中写样式
• 语法示例： <标签名 style="属性1:值1; 属性2:值2;">内容</标签名>
• 特点：优先级最高、仅作用于当前单个标签，不方便批量维护

2. 内嵌式（内部样式表）

• 实现方式：在HTML页面的  标签内，通过