CSS学习笔记(知识讲解)
文章平均质量分 73
我的CSS学习笔记
caroyal
“我有很多退路,但我坚持下来了”——珈乐
展开
-
弹性布局(flex)自学笔记——关于弹性布局,你所需要了解的知识
弹性布局(Flex)1. 优点&缺点1.1 传统布局与Flex布局传统布局Flex弹性布局兼容性好操作方便。布局极为简单,在移动端应用广泛布局繁琐(浮动、清除浮动……)PC端浏览器支持情况较差有局限性,不能在移动端很好的布局IE 11 或更低版本,不支持或部分支持1.2 使用场景1、如果是PC端布局,仍使用传统布局;2、如果是移动端,或不考虑兼容性问题的PC端页面布局,则使用flex弹性布局2. Flex布局原理2.1 布局原理解释采用原创 2021-12-02 18:20:18 · 756 阅读 · 0 评论 -
盒子模型自学笔记——或许能帮你快速了解盒子模型
盒子模型元素分类内联(行内)元素 inline和其它元素在一行上;元素的高度、宽度以及顶部、底部外边距(margin-top,margin-bottom)不可设置,顶、底部内边距(padding-top,padding-bottom)对周围元素无影响(padding只对本行元素有效);元素的宽高就是其包含的文字和图片的宽度,不可改变;常用的内联元素:a, span, br, strong, em;设置display: inline; 可以将元素转换为内联元素。块级元素 block一个原创 2021-12-02 16:26:20 · 254 阅读 · 0 评论