一、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页面的 标签内,通过
