随笔分类 -  【前端】学习博客 / 【CSS教程】

【移动web开发flex布局】flex基础
摘要：传统布局与flex布局 传统布局 兼容性好布局繁琐局限性，不能再移动端很好的布局 flex 弹性布局 操作方便，布局极为简单，移动端应用很广泛PC 端浏览器支持情况较差IE 11或更低版本，不支持或仅部分支持 建议： 如果是PC端页面布局，我们还是传统布局。 如果是移动端或者不考虑兼容性问题的PC端 阅读全文
posted @ 2022-11-29 22:16 我有满天星辰 阅读(31) 评论(0) 推荐(0) 编辑
【css学习笔记】圆角边框、盒子阴影、文字阴影
摘要：圆角边框 怎么设置不同的圆角？ border-radius: 10px 20px 30px 40px; 左上 → 右上 → 右下 → 左下（顺时针） border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom- 阅读全文
posted @ 2022-11-27 17:35 我有满天星辰 阅读(45) 评论(0) 推荐(0) 编辑
【 盒模型】css盒模型学习
摘要：盒模型 box:盒子，每个元素在页面中都会生产成一个矩形区域（盒子） 盒子类型 1.行盒，display等于inline的元素 2.块盒，dipplay等于block的元素 行盒在页面中不换行、块盒独占一行。浏览器默认样式表设置的块盒：容器元素、h1~h6、p常见的行盒：span 、a 、img、 阅读全文
posted @ 2022-11-11 16:46 我有满天星辰 阅读(60) 评论(0) 推荐(0) 编辑
【传统的网页布局的三种方式】浮动和定位布局
摘要：传统的网页布局的三种方式 网页布局的本质–用css来摆放盒子，把盒子放到对应的位置。 CSS提供三种传统的布局方式（盒子如何进行排列顺序）： 普通流 浮动 定位 文章目录 传统的网页布局的三种方式标准流（普通流/文档流）浮动（float）1.为什么需要浮动2.什么是浮动3.浮动的特性4.浮动布局 浮 阅读全文
posted @ 2022-08-03 22:59 我有满天星辰 阅读(153) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示