CSS 是一种样式化网页的语言,它通过选择器选择 HTML 元素并应用样式属性来控制元素的外观。常用的 CSS 选择器有元素选择器、类选择器和 ID 选择器。CSS 属性包括颜色、字体大小和背景颜色等。CSS 盒子模型定义了元素的宽高和填充、边框和外边距。CSS 布局技术则用于安排网页上的元素,常用的技术包括浮动、定位和弹性盒模型。

CSS:使用指南
什么是 CSS?
层叠样式表 (CSS) 是一种用于样式化网页的语言。它允许开发者根据需要控制文本、字体、颜色、背景和布局等页面元素的外观。
如何在 HTML 中使用 CSS?
立即学习“前端免费学习笔记(深入)”;
可以通过以下两种方式在 HTML 中使用 CSS:
- 内联样式:在 HTML 元素的 style 属性中直接指定样式。
- 外部样式表:将样式规则存储在外部 .css 文件中并使用 标签将其链接到 HTML 文件。外部样式表通常用于样式化整个网站。
CSS 选择器
CSS 选择器用于选择 HTML 元素并应用样式。常用的选择器包括:
- 元素选择器 (element)
- 类选择器 (class)
- ID 选择器 (id)
- 后代选择器 (descendant)
- 通用选择器 (*)
CSS 属性
CSS 属性定义元素的外观。一些常用的属性包括:
- color:文本颜色
- font-size:字体大小
- background-color:背景颜色
- width:宽度
- height:高度
CSS 盒子模型
CSS 盒子模型定义了 HTML 元素的宽高和填充、边框和外边距。它分为以下部分:
- 内容:元素的实际内容。
- 填充:内容与边框之间的空间。
- 边框:围绕填充的线。
- 外边距:边框周围的空间。
CSS 布局
CSS 布局用于安排网页上的元素。常用的布局技术包括:
- 浮动
- 定位
- 弹性盒模型
- 网格布局










