摘要: CSS继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。 一、能继承的属性 1. 字体系列属性:font、font-family、font-weight、font-size、font-style;2. 文本系列属性:(1)内联元 阅读全文
posted @ 2020-12-23 23:08 vickylinj 阅读(610) 评论(0) 推荐(0) 编辑
摘要: 1.content-box(标准盒模型) Chrome浏览器box-sizing默认是content-box,content-box就是元素的width和height决定了元素的宽高,这意味着元素的border和padding等不能算在元素的width和height中 ,padding和border 阅读全文
posted @ 2020-12-23 22:32 vickylinj 阅读(1185) 评论(0) 推荐(0) 编辑
摘要: 详情: grid布局:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html flex布局:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 问题:怎么让一个 d 阅读全文
posted @ 2020-12-23 21:57 vickylinj 阅读(1029) 评论(0) 推荐(0) 编辑
摘要: #诞生背景DNS请求虽然占用了很少的带宽,但会有很高的延迟,尤其以移动网络会更加明显。通过dns预解析技术可以很好的降低延迟 在firefox上使用dns-prefetch,dns预解析是与页面加载是并行处理的,且不用影响到页面加载的性能. 在以图片为主移动网站被访问时,在使用DNS预解析的情意中下 阅读全文
posted @ 2020-12-23 21:04 vickylinj 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 我们知道,css文件引入方式有两种:1. HTML中使用link标签 <link rel="stylesheet" href="style.css" /> 2.CSS中@import @import "style.css"; 第一种方式最为常见最为主流,第二种方式则很少见到有人这么写,因而也常被开发 阅读全文
posted @ 2020-12-23 18:14 vickylinj 阅读(501) 评论(0) 推荐(0) 编辑
摘要: 参考1:https://coolshell.cn/articles/9666.html#comments 参考2:https://blog.fundebug.com/2019/01/03/understand-browser-rendering/ 思维导图 浏览器工作大流程 从上面这个图中,我们可以 阅读全文
posted @ 2020-12-23 15:52 vickylinj 阅读(293) 评论(0) 推荐(0) 编辑