2020年4月16日
定位总结
摘要： 一.绝对定位和相对定位 1.绝对定位 position:absolute 2.相对定位 给父元素添加position:relative; 形成参照物 给子元素添加position:absolute 进行位置的移动。 3. 绝对定位与相对定位区别： ①：参照物： 绝对定位参照物：自身默认的位置 相对定 阅读全文
posted @ 2020-04-16 00:26 18岁的体前变向 阅读(117) 评论(0) 推荐(0)
2020年4月14日
弹性盒（下）
摘要： 添加在子元素上面的属性： 一：控制弹性盒子里面某个子元素在侧轴的对齐方式。 align-self: auto 默认值。元素继承了它的父容器的 align-items 属性。如果没有父容器则为 "stretch"。 Stretch 元素被拉伸以适应容器。 Center 元素位于容器的中心。 flex- 阅读全文
posted @ 2020-04-14 22:51 18岁的体前变向 阅读(87) 评论(0) 推荐(0)
弹性盒模型（上）
摘要： 弹性盒 作用：控制离它（最近的一层）子元素,布局方式。 特点： ① 弹性盒子里面的离它最近的一层子元素都可以添加大小。 ② 如果想让弹性盒子里面的一个子元素左右上下居中，只需要给子元素添加margin:auto即可 ③ 弹性盒子里面的子元素都是沿着“主轴”排列（注：默认情况下X轴为主轴。） 一：触发 阅读全文
posted @ 2020-04-14 22:49 18岁的体前变向 阅读(166) 评论(0) 推荐(0)
元素类型及元素类型的转换
摘要： 一.元素类型 1.元素类型的分类 ①块状元素 ②内联元素 ③可变元素 2.块状元素和内联元素的特点 ①块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 3：可以直接添加宽高 4：一般情况下，作为其他元素或内容的容器 ②内联元素特点： 1：在页面中最小单位也是矩形。 2：在一行 阅读全文
posted @ 2020-04-14 00:16 18岁的体前变向 阅读(510) 评论(0) 推荐(0)
2020年3月30日
CSS选择符及盒模型
摘要： 一.选择符 1.类型选择符（标签选择符） 特点：能选中当前结构里面（全部同名）标签。 应用：统一某一标签样式时或清除某一标签默认样式时。 2.id选择符 特点：（唯一性！）在同一个页面里面，一个id名只能使用一次。 应用：来划分网页外围结构 3.类选择符（class选择符） 特点:①:一个元素可以有 阅读全文
posted @ 2020-03-30 12:58 18岁的体前变向 阅读(118) 评论(0) 推荐(0)