#Friday

2021年4月27日

描述“包含块”这个概念？absolute的包含块计算方式和标准流的包含块有什么不同？

摘要：包含块：containing block, CSS2.1中的概念一个元素盒子的位置和尺寸需要根据一个确定的矩形进行计算，确定这个矩形的元素称为包含块。确定包含块的规则： html根元素包含块，也称为初始包含块，是viewport的大小 position: relative\static的元素，最阅读全文

posted @ 2021-04-27 11:11 #Friday 阅读(128) 评论(0) 推荐(0)

超链接访问过后hover样式就不出现了，为什么？

摘要：有一种可能，同时写了四种伪类，:link, :visited, :hover, :active, 一旦链接被点击过，并且又把:visited写在最后，CSS的选择器优先级一样，定义在后的覆盖定义在先的，造成:hover无法生效解决方法：按照:link, :visited, :hover, :ac 阅读全文

posted @ 2021-04-27 09:56 #Friday 阅读(382) 评论(0) 推荐(0)

position中的值的作用？

摘要：阅读全文

posted @ 2021-04-27 00:02 #Friday 阅读(59) 评论(0) 推荐(0)

2021年4月26日

display中值的作用？

摘要：阅读全文

posted @ 2021-04-26 23:52 #Friday 阅读(17) 评论(0) 推荐(0)

CSS优先级的计算方法？

摘要：阅读全文

posted @ 2021-04-26 23:47 #Friday 阅读(24) 评论(0) 推荐(0)

2021年4月24日

什么是BFC？

摘要： BFC，块格式化上下文（Block Formatting Context）。W3C CSS2.1中的一个概念。 FC：它是一块渲染区域，遵守相应的渲染规则，这些规则决定了：内部元素的定位方式与外部元素的位置关系 BFC的布局渲染规则：内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向阅读全文

posted @ 2021-04-24 23:51 #Friday 阅读(140) 评论(0) 推荐(0)

介绍盒子模型？IE盒子模型和W3C盒子模型的区别？CSS3中如何设置？

摘要： 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和@import的区别

摘要： 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和visibility:hidden的区别？以及还有什么方法可以让元素消失？

摘要： display:none; 元素从Render tree上被拿下不参与layout过程，其宽度和高度不会影响渲染 visibility：hidden; 元素还在Render tree上参与layout过程，宽度和高度影响渲染，但是内容透明把元素的宽度或者高度设置为0 幻灯片等使用情况下，通过z 阅读全文

posted @ 2021-04-24 14:18 #Friday 阅读(64) 评论(0) 推荐(0)

px、em、rem、%、无单位的区别

摘要：高度或者宽度的单位 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)

公告