Grid 布局准备工作 编辑器: VSCODE浏览器: FireFox浏览器同步插件: Live Server 1. 基本术语 容器: 使用网格布局的元素项目: 容器中的子元素网格线: 将容器划分为行与列的直线显式网络: 由用户根据项目数量指示容器生...

flex 布局概述1. flex 是什么 flex 是 Flexible Box 的缩写,意为弹性布局flex 2009 年就已出现,浏览器兼容性很好,请放心使用 2. flex 解决了什么问题 块元素的垂直居中, flex 可以轻松解决元素大小在...

框模型相关知识1. 元素框与框模型属性 框模型, 其实就是大家常说的: 盒模型, 不过用”框”来称呼盒子逼格更高一些 无论什么元素, CSS 都会生成一个矩形框来显示,称为元素框目前的 css 技术只支持矩形框,也许以后会支持非矩形框,例如三角形...

字体与字体图标1. 字体常用属性汇总 序号 属性 描述 1 font-family 设置字体族 2 @font 设置自定义字体族 3 font-weight 设置字体粗细, 字重 4 font-size 设置字体大小(字号) ...

选择器1. 简单选择器1.1 种类 序号 选择器 描述 举例 1 元素选择器 根据元素标签名称进行匹配 div {...} 2 群组选择器 同时选择多个不同类型的元素 h1,h2,h3{...} 3 通配选择器 选择全部元素,不区...

css 与文档[toc] 1. css 是什么 序号 术语 描述 1 css Cascading Style Sheets缩写(层叠样式表) 2 样式 css 可以影响一个或一组”文档”的表现样式 3 文档 包括但不限于 html...