上一页 1 2 3 4 5 6 7 8 ··· 11 下一页
摘要: 布局1: 布局2: 阅读全文
posted @ 2021-07-13 22:46 kaer_invoker 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 网页布局一般原则: 1.先用标准流的父级元素排列上下位置,然后内部子元素在采用浮动排列左右位置。 浮动布局1: 参照: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07 阅读全文
posted @ 2021-07-13 22:01 kaer_invoker 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 浮动特性: 1.浮动元素脱离标准流。 由于box是浮动的,所以飘起来了。而box2就占用了box原来的位置。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 2 阅读全文
posted @ 2021-07-13 21:33 kaer_invoker 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 浮动: 一、网页布局分为三种方式: 网页布局就是用CSS来拜访盒子。 1.标准流(普通流/文档流) 2.浮动 为什么要浮动? 1.让多个块级盒子水平排成一行 方式1::使用block转inline-block(行内块元素) 1 <!-- 2 * @Author: invoker 3 * @Githu 阅读全文
posted @ 2021-07-13 18:28 kaer_invoker 阅读(31) 评论(0) 推荐(0) 编辑
摘要: demo: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 16:04:48 5 * @LastEditors: invoker 6 * @LastEditTi 阅读全文
posted @ 2021-07-13 16:14 kaer_invoker 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 1.border-radius:10px; 2.border-radius:50% 3.border-radius:10px 20px 30px 40px; 左上角,右上角,右下角,左下角。 4.border-radius:10px 20px; 表示左上角和右下角是10px,右上角和左下角是20px 阅读全文
posted @ 2021-07-13 15:57 kaer_invoker 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 15:23:35 5 * @LastEditors: invoker 6 * @LastEditTime: 20 阅读全文
posted @ 2021-07-13 15:48 kaer_invoker 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 案例代码: 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-13 13:55:06 5 * @LastEditors: invoker 6 * @LastEditTi 阅读全文
posted @ 2021-07-13 15:14 kaer_invoker 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 嵌套盒子,希望内部盒子与外部盒子之间有一个间隔距离。 1.内部盒子使用margin-top,变换的却是2个盒子一起变动。原因后续补充。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 阅读全文
posted @ 2021-07-13 13:08 kaer_invoker 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 网页布局三大核心:盒子模型,浮动,定位。 一、网页布局过程: 1.准备好相关的网页元素,一般都是盒子Box. 2.用CSS设置好盒子的样式,摆放盒子到相应的位置。(核心) 3.往盒子里放东西 二、盒子模型(box model) 把html页面中的布局元素看成一个矩形盒子,一个装内容的容器。 CSS盒 阅读全文
posted @ 2021-07-12 23:19 kaer_invoker 阅读(62) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 11 下一页