摘要:
布局1: 布局2: 阅读全文
摘要:
网页布局一般原则: 1.先用标准流的父级元素排列上下位置,然后内部子元素在采用浮动排列左右位置。 浮动布局1: 参照: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07 阅读全文
摘要:
浮动特性: 1.浮动元素脱离标准流。 由于box是浮动的,所以飘起来了。而box2就占用了box原来的位置。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 2 阅读全文
摘要:
浮动: 一、网页布局分为三种方式: 网页布局就是用CSS来拜访盒子。 1.标准流(普通流/文档流) 2.浮动 为什么要浮动? 1.让多个块级盒子水平排成一行 方式1::使用block转inline-block(行内块元素) 1 <!-- 2 * @Author: invoker 3 * @Githu 阅读全文
摘要:
demo: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 16:04:48 5 * @LastEditors: invoker 6 * @LastEditTi 阅读全文
摘要:
1.border-radius:10px; 2.border-radius:50% 3.border-radius:10px 20px 30px 40px; 左上角,右上角,右下角,左下角。 4.border-radius:10px 20px; 表示左上角和右下角是10px,右上角和左下角是20px 阅读全文
摘要:
1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 15:23:35 5 * @LastEditors: invoker 6 * @LastEditTime: 20 阅读全文
摘要:
案例代码: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 13:55:06 5 * @LastEditors: invoker 6 * @LastEditTi 阅读全文
摘要:
嵌套盒子,希望内部盒子与外部盒子之间有一个间隔距离。 1.内部盒子使用margin-top,变换的却是2个盒子一起变动。原因后续补充。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 阅读全文