- 博客(4)
- 收藏
- 关注
原创 学习笔记--浮动
浮动 定义:元素脱离文档流,按照指定的方向发生移动,遇到父级边界换行 float 取值: none:不浮动 left:左浮动 right:右浮动 inherit:继承父级 作用:解决水平布局问题 特性: 所有标签同排显示 行标签支持所有css样式 默认内容撑开宽高 元素脱离文档流 清除浮动 原因: 元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开 解决方案: 1.在父级使用height,但拓展性不太好 2.在父级使用overflow:hidden 3.使用clear ...
2022-05-30 16:39:43 89
原创 学习笔记--盒模型
盒模型 内边距 会增加盒模型的面积 4个值顺时针读取 padding: 30px 40px 70px 100px; 边框 border: 10px solid tomato; border会增加盒模型的面积 圆角 border: 20px solid red; border-radius: 50%; 单一角设置 border-top-right-radius: 50%; solid 实线 dashed 虚线 dotted 点线 double 双线 外边距 margin 三角形 .s{
2022-05-30 16:36:23 84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人