该园用来记录个人的学习内容,有些杂乱,谅解~嘿嘿~

Chloe

自学前端的小菜鸟一枚呀~
记录学习的知识

摘要: rem是CSS3新增的相对单位长度,是指相对于根元素html的font-size计算值的大小。 默认根元素的font-size都是16px的,如果想要设置12px的字体大小 也就是12px/16px=0.75rem。 由于px是相对固定单位,字号大小直接被定死,无法随着浏览器进行缩放; rem直接相 阅读全文
posted @ 2022-04-28 15:31 Chloe56 阅读(268) 评论(0) 推荐(0) 编辑
摘要: opacity:0 不占空间,不能点击,会引起回流,子元素不影响; visibility:hidden 占据空间,不能点击,引起重绘,子元素可设置visible进行显示; display:none 占据空间,可以点击,引起重绘,子元素不影响。 阅读全文
posted @ 2022-04-28 15:26 Chloe56 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 首先要知道浏览器渲染机制,具体可看之前的文章:https://www.cnblogs.com/chloe56/p/16161259.html 浏览器采用流式布局模型(Flow Based Layout); 浏览器会把HTML解析成DOM,把CSS解析成CSSOM合并产生渲染树(Render Tree 阅读全文
posted @ 2022-04-28 15:21 Chloe56 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 方法一:margin margin:上下边距 左右边距; 要让div水平居中,就要设置左右边距为auto,自适应; 要让div垂直居中,就要计算上下边距了,垂直居中的上下边距为父容器高度的一半减去子容器高度的一半。 代码如下: <!DOCTYPE html> <html lang="en"> <he 阅读全文
posted @ 2022-04-28 14:10 Chloe56 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 定义: BFC(Block Format Context)块级格式化上下文,是页面盒模型中的一种CSS渲染方式,相当于一个独立的容器,里面的元素和外部元素相互不影响。 官方文档解释如下:A block formatting context contains everything inside of 阅读全文
posted @ 2022-04-28 11:07 Chloe56 阅读(140) 评论(0) 推荐(0) 编辑