![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Lwangqi
这个作者很懒,什么都没留下…
展开
-
CSS-day4
day4[css] 说说浏览器解析CSS选择器的过程?浏览器的渲染过程,如图:下面这个栗子,CSS选择器它是如何工作的?.mod-nav h3 span {font-size: 16px;}如果不知道匹配规则,可能的理解是从左向右匹配:先找到.mod-nav,然后逐级匹配h3、span,在这个过程中如果遍历到叶子节点都没有匹配就需要回溯,继续寻找下一个分支。但...原创 2019-10-02 14:33:23 · 125 阅读 · 0 评论 -
CSS-day5
使用flex实现三栏布局,两边固定,中间自适应浏览器是怎样判断元素是否和某个CSS选择器匹配?用CSS绘制一个三角形说下line-height三种赋值方式有何区别?让网页的字体变得清晰,变细用CSS怎么做?描述下你所了解的图片格式及使用场景请描述css的权重计算规则...原创 2019-10-02 14:34:02 · 69 阅读 · 0 评论 -
CSS-day6
重置(初始化)css的作用是什么?怎么让英文单词的首字母大写?怎么才能让图文不可复制?写出你知道的CSS水平和垂直居中的方法实现单行文本居中和多行文本左对齐并超出显示"..."不使用border画出1px高的线,在不同浏览器的标准和怪异模式下都能保持效果一样写出主流浏览器内核私有属性的css前缀...原创 2019-10-02 14:34:42 · 58 阅读 · 0 评论 -
CSS-day7
假如设计稿使用了非标准的字体,你该如何去实现它?你知道全屏滚动的原理是什么吗?它用到了CSS的哪些属性?你是怎样抽离样式模块的?说说你对媒体查询的理解你知道的等高布局有多少种?写出来手写一个满屏品字布局的方案span与span之间有看不见的空白间隔是什么原因引起的?有什么解决办法?...原创 2019-10-02 14:30:00 · 113 阅读 · 0 评论 -
CSS-day2
day2[css] 清除浮动的方式有哪些及优缺点?浮动带来的问题是盒子塌陷问题什么是盒子塌陷?外部盒子本应该包裹住内部的浮动盒子,结果却没有。问题出现的原因 父元素只包含浮动元素,那么它的高度就会塌缩为零(前提就是你们没有设置高度(height)属性,或者设置了为auto,就会出现这种情况,如果父元素不包含任何的可见背景,这个问题会很难被注意到。 ...原创 2019-10-02 14:31:31 · 137 阅读 · 0 评论 -
CSS-day3
day3[css] style标签写在body前和body后的区别是什么?写在body标签前利于浏览器逐步渲染:resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint写在body标签后:由于浏览器以逐行方式对html文档进行解析;...原创 2019-10-02 14:31:58 · 116 阅读 · 0 评论 -
CSS-day1
day1[css] 圣杯布局和双飞翼布局的理解和区别,并用代码实现圣杯布局和双飞翼布局基本上是一致的,都是两边固定宽度,中间自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染。解决方案大体相同,都是三栏全部float:left浮动,区别在于解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合left和right属性,效果上表现为三栏是单独分开的(如果可以看到空隙...原创 2019-10-02 14:35:24 · 206 阅读 · 0 评论 -
CSS-day8
会引起Reflow和Repaint的操作有哪些?你有用过clip-path吗?说说你对它的理解和它都有哪些运用场景?你是怎么选择resetting和normalizing的?为什么?position跟margin collapse这些特性相互叠加后会怎么样?移动端的布局用过媒体查询吗?写一个试试举例说明你知道的css技巧有哪些?判断第一行和第二行的颜色分别是什么?并解释为什...原创 2019-10-03 17:11:35 · 289 阅读 · 0 评论