day05 CSS 的继承_层叠_类型_盒子模型
📄️ 首行文本first-line
📄️ 首字母first-letter
📄️ before-after伪元素
📄️ css属性继承
📄️ css属性层叠
📄️ html元素类型
📄️ html元素隐藏
📄️ overflow属性
📄️ html嵌套规范
📄️ 盒模型 Box Model
- CSS 基础框盒模型 - CSS:层叠样式表 | MDN (mozilla.org)
📄️ 内容区域content-area
📄️ 内边距区域padding-area
📄️ 边框区域 Border area
- border | MDN (mozilla.org)
📄️ 元素边框 border
- border | MDN (mozilla.org)
📄️ 元素边框宽度 border-width
- border-width - CSS | MDN (mozilla.org)
📄️ 元素边框样式 border-style
- border-style - CSS | MDN (mozilla.org)
📄️ 元素边框颜色 border-color
- border-color - CSS | MDN (mozilla.org)
📄️ 边框圆角 border-radius
- border-radius | MDN (mozilla.org)
📄️ 外边距区域margin-area
📄️ 作业布置
完成课堂所有代码(总结、整理)
CSS 属性的特性
- CSS 属性的继承
- CSS 属性的层叠
- CSS 属性的类型
- display 属性
- 元素的隐藏
- overflow 属性
CSS 的盒子模型
- 认识盒子模型
- 内容 width/height
- 内边距 padding
- 边框/圆角 border
- 外边距 margin
- 盒子和文字阴影
- box-sizing