2021年9月27日
CSS学习之旅---2D和3D
摘要： rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤： 给元素添加转换属性 transform 属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度 div{ transform: rotate(0deg); } 三角 阅读全文
posted @ 2021-09-27 18:24 小学生学Web前端 阅读(121) 评论(0) 推荐(0)
CSS学习之旅---定位
摘要： 定位(position) CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中： 普通流（标准流） 浮动 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。 定位 将盒子定在某一 阅读全文
posted @ 2021-09-27 18:16 小学生学Web前端 阅读(10) 评论(0) 推荐(0)
CSS学习之旅---浮动
摘要： 浮动(float) CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、dl、 阅读全文
posted @ 2021-09-27 18:09 小学生学Web前端 阅读(124) 评论(0) 推荐(0)
CSS学习之旅---盒子模型
摘要： 盒子模型（CSS重点） 语法： border : border-width || border-style || border-color 属性 作用 border-width 定义边框粗细，单位是px border-style 边框的样式 border-color 边框颜色 边框的样式： none 阅读全文
posted @ 2021-09-27 17:53 小学生学Web前端 阅读(99) 评论(0) 推荐(0)
CSS学习之旅---盒子模型
摘要： 盒子模型（CSS重点） 语法： border : border-width || border-style || border-color 属性 作用 border-width 定义边框粗细，单位是px border-style 边框的样式 border-color 边框颜色 边框的样式： none 阅读全文
posted @ 2021-09-27 17:50 小学生学Web前端 阅读(87) 评论(0) 推荐(0)