摘要: 定位总结 关于定位 1 标准流在最底层 ( 海底 )2 浮动的盒子在中间层 ( 海面 )3 定位的盒子在最上层 ( 天空 ) 前置知识 1)为什么要使用定位 将盒子定在某一个位置,自由的漂浮在其他盒子上面 2)基本语法 定位 = 定位模式 + 边偏移 3)边偏移 [ 方位名词 ] top: 30px 阅读全文
posted @ 2021-01-25 21:54 棉花糖88 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 一 浮动 float 1)作用 1 让多个盒子水平排列一行,使得浮动称为重要的布局手段2 可以实现盒子的左右对齐等3 浮动最早是用来控制图片,实现文字环绕图片的效果 2)特性 1 脱离标准流2 浮动的元素具有了行内块元素的特性。3 浮动的元素需要添加一个标准流父亲4 浮动会导致父元素高度坍塌 3)浮 阅读全文
posted @ 2021-01-25 21:49 棉花糖88 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 知识梳理 1 盒子是网页布局的关键点2 padding值会撑开盒子3 样式的层叠性 后面的会覆盖前面的4 块级元素的宽度默认和父级的宽度一样5 块级元素不设置宽度就是通栏的6 border-top: 1px solid transparent; 透明边框7 li是块级元素 不用给宽度,默认和父亲一样 阅读全文
posted @ 2021-01-25 21:40 棉花糖88 阅读(309) 评论(0) 推荐(0) 编辑
摘要: 一 显示模式 display 1)块级元素 h1-h6 p div ul ol li //1 常见块元素: //2 特点 . 自己独占一行 . 宽度默认父级容器的100% . 空格 内外边距都可以设置 . 是容器级盒子,可以包含 行内元素 和 块元素 p h1-h6 dt 都是文字级块标签,里面不能 阅读全文
posted @ 2021-01-25 10:14 棉花糖88 阅读(109) 评论(0) 推荐(0) 编辑