![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 84
lp1996817
这个作者很懒,什么都没留下…
展开
-
flex
flex 适合用于一维的布局flex 容器 和 flex项目flex 容器flex 容器指的是 display 为 flex、inline-flex 的元素,元素中的子元素则自动称为 flex 项目。flex 容器会产生 flex formatting context(伸缩格式化上下文),这类似于 BFC (块级格式化上下文),保证了内部元素不会干扰到外部元素flex 项目flex ...原创 2019-04-23 19:56:18 · 272 阅读 · 0 评论 -
CSS 盒模型
当一个客户端代理(比如说浏览器)展示一个文档的时候,对于每一个元素,它都产生了一个盒子。每一个盒子都被划分为四个区域:内容区( content )内边距区( padding )边框( border )外边距区( margin )包含块包含块,顾名思义就是包含元素的盒子,一个元素的 尺寸 和 位置 经常受其包含块的影响大多数情况下,包含块就是这个元素最近的祖先块元素的内容区,但...原创 2018-10-10 22:16:03 · 95 阅读 · 0 评论 -
CSS基础
层叠和继承1. 样式来源一个元素的样式,可以通过多种方式来定义,而多种定义方式之间通过复杂的影响关系决定了元素的最终样式对于层叠来说,共有三种主要的样式来源:浏览器默认样式用户定义的样式开发者定义的样式:1. 外链样式2. 页面头部定义,内联样式3. 定义在 HTML 元素上,行内样式其优先级为: 开发者定义 > 用户定义 > 浏览器默认 对继承...原创 2018-10-08 21:43:51 · 197 阅读 · 0 评论