摘要: BFC,块格式化上下文(Block Formatting Context)。W3C CSS2.1中的一个概念。 FC:它是一块渲染区域,遵守相应的渲染规则,这些规则决定了: 内部元素的定位方式 与外部元素的位置关系 BFC的布局渲染规则: 内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向 阅读全文
posted @ 2021-04-24 23:51 #Friday 阅读(140) 评论(0) 推荐(0)
摘要: W3C标准盒子模型: 包括:内容(width,height),padding,border,margin 盒子的可视宽度为:width + padding + border 标准盒子模型: IE盒子模型: 包括:内容,padding,border,margin 盒子的可视宽度为:width 盒子的内 阅读全文
posted @ 2021-04-24 15:06 #Friday 阅读(111) 评论(0) 推荐(0)
摘要: CSS link: link是html标签 加载页面的过程是异步的,不会阻塞浏览器的解析过程 举例 html文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link 阅读全文
posted @ 2021-04-24 14:43 #Friday 阅读(97) 评论(0) 推荐(0)
摘要: display:none; 元素从Render tree上被拿下 不参与layout过程,其宽度和高度不会影响渲染 visibility:hidden; 元素还在Render tree上 参与layout过程,宽度和高度影响渲染,但是内容透明 把元素的宽度或者高度设置为0 幻灯片等使用情况下,通过z 阅读全文
posted @ 2021-04-24 14:18 #Friday 阅读(64) 评论(0) 推荐(0)
摘要: 高度或者宽度的单位 px:像素,绝对长度单位 em:相对长度单位,表示相对当前元素font-size的倍数 例如:font-size:16px;2em = 16 * 2px = 32px rem:root em,相对长度单位,表示相对html根元素font-size的倍数 %: width:基准是父 阅读全文
posted @ 2021-04-24 13:59 #Friday 阅读(953) 评论(0) 推荐(0)