CSS
关注
分享
扫一扫
y_hh_
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
圣杯模型和双飞翼模型
概述 圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 圣杯布局 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2020-07-14 22:30:38 · 371 阅读 · 0 评论 -
CSS中的定位
简述 定位是指，你可以相对元素的常规位置来定义元素的具体位置，可以相对元素或另一个元素定位元素的位置，甚至还可以相对视区（例如浏览器窗口）定位元素 定位的类型 定位有五种类型，通过position属性指定，分别是static、relative、sticky、absolute、fixed. 初始值时static static 正常生成元素框。块级元素生成矩形框，位于文档流中，行内元素生成一个或多个行框，随父元素流动 relative 元素框偏移一定的距离。元素的形状与未定位时一样，且元素占的空间也与正常情况下原创 2020-07-14 19:49:38 · 260 阅读 · 0 评论 -
BFC
BFC 概念： BFC（Block Formatting Context） 块级格式化上下文。它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。 触发条件 根元素或者其它包含它的元素 浮动元素（float不是none） 绝对定位元素（position为absolute或fixed） 内联块（display:inline-block） 表格单元格（display:table-cell,HTML表格单元默认属性） 表格标题（display:table-capti转载 2020-07-02 20:52:12 · 144 阅读 · 0 评论 -
特指度和层叠
特指度 特指度是指不同样式的‘权重’，例如： 指向ID的样式声明对应的特指度为“0，1，0，0” 指向类名和属性值的特指度为“0，0，1，0” 元素和伪元素（：link,:after等）的特指度为“0，0，0，1” 行内样式（在标签内部声明的样式）的特指度为“1，0，0，1” 通配符的样式是0特指度 通过继承获得样式的是无特指度的 特指度是可以叠加的，当多个规则对应的同一个样式的话，就会根据特指度的大小进行选择（大的优先） 层叠 当多个规则的特指度相同时，就需要根据层叠的准则： 找到匹配特定元素的所有原创 2020-06-30 21:00:05 · 194 阅读 · 0 评论