CSS 核心概念速查

CSS 核心概念速查

选择器: 精准定位 HTML 元素,如 p 选择所有段落,.classname 选择特定类名的元素。

属性: 定义元素样式特性,例如 colorfont-sizemargin 等。

: 为属性设定具体样式,例如 red16px10px 等。

盒模型: 理解元素布局的基础,每个元素都是一个包含内容、内边距、边框和外边距的矩形盒子。

: 元素在页面中的排列方式,包括普通流、浮动流和定位流。

浮动: 使元素向左或向右移动,并让其他内容环绕它,常用于实现文本环绕图片效果。

定位: 精确控制元素位置,包括 staticrelativeabsolutefixedsticky 五种方式。

Flexbox: 用于创建灵活且响应式的布局,轻松实现元素的排列、对齐和分配空间。

pdf 文件大小:391.45KB