前端｜CSS（一）| pink老师

参考视频：黑马程序员前端CSS3基础教程，前端必备基础

目录

CSS引入

引入CSS样式表

CSS基础选择器

标签选择器

类选择器（最常用）

id选择器

通配符选择器

CSS文字文本样式

font字体

CSS外观属性

CSS复合选择器

后代选择器

子元素选择器

交集选择器

并集选择器

链接伪类选择器

选择器总结

标签显示模式

分类

标签显示模式转换 display

行高那些事（line-height）

CSS 背景(background)

背景颜色(color)

背景图片(image)

背景平铺（repeat）

背景位置（position）

背景附着

背景简化

背景透明

CSS 三大特性

CSS层叠性：

CSS继承性：

CSS优先级

盒子模型（Box Model）

盒子边框（border）

内边距（padding）

外边距（margin）

插入图片和背景图片区别

清除元素的默认内外边距(重要)

外边距合并

盒子模型布局稳定性

---

CSS引入

理想中的结果是结构（HTML）和样式（CSS）相分离

• CSS（Cascading Style Sheets），通常称为CSS样式表或者层叠样式表。
• 主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式