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 · 268 阅读 · 0 评论 -
CSS中的定位
简述定位是指,你可以相对元素的常规位置来定义元素的具体位置,可以相对元素或另一个元素定位元素的位置,甚至还可以相对视区(例如浏览器窗口)定位元素定位的类型定位有五种类型,通过position属性指定,分别是static、relative、sticky、absolute、fixed. 初始值时staticstatic正常生成元素框。块级元素生成矩形框,位于文档流中,行内元素生成一个或多个行框,随父元素流动relative元素框偏移一定的距离。元素的形状与未定位时一样,且元素占的空间也与正常情况下原创 2020-07-14 19:49:38 · 198 阅读 · 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 · 97 阅读 · 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 · 140 阅读 · 0 评论