html/css
文章平均质量分 91
光芒万丈母娘
爱好アニメ&드라마的程序媛小白
展开
-
CSS之右边竖条的实现方法
感谢chokcoco大佬,原来版本是”左边竖条“。题目和解题思路来源:http://www.cnblogs.com/coco1s/p/5893921.html主要记录通过这个题目而恶补的css属性们。 题目1:下面这个图形,只使用一个标签,可以有多少种实现方式: 第一种情况:使用border#div1 { background: #d...原创 2018-04-09 16:07:09 · 7672 阅读 · 0 评论 -
css之条纹边框的实现
感谢chokcoco大佬,题目和解题思路来源:http://www.cnblogs.com/coco1s/p/5895764.html。主要记录通过这个题目而恶补的css属性们。题目:下面这个图形,只使用一个标签,可以有多少种实现方式:拿到题的第一个想法是,可以设置底下为全蓝,边框是虚线粉,中间一片白色。于是有了第一种最简单的解法:#div1 { width: 180px;...原创 2018-04-10 13:01:15 · 2206 阅读 · 0 评论 -
牛客网错题记录(不断更新中~
1.一个值为false的Boolean对象被if强制转换时为true var x = new Boolean(false);//x为Boolean引用类型 var y = Boolean(false);//y为Boolean原始类型 console.log(x);//Boolean {false} console....原创 2018-04-15 20:19:26 · 445 阅读 · 0 评论 -
css之层叠上下文
感谢chokcoco、小火柴的蓝色理想和张鑫旭三位大佬,推荐看:http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/主要记录通过这个题目而恶补的css属性们。题目:你真的懂z-index:auto和z-index:0吗?其中2是因为“后来居上”所以才会在1的上面,当改变z...原创 2018-04-11 18:47:30 · 574 阅读 · 0 评论 -
css之margin
以下的题目以及引申来源于今年4月份去美图面试时的一道问题。题目:divA与divB设定都是width: 200px;height: 200px;margin: 50px;当他们分别是兄弟关系和父子关系时会是怎样的呈现?先po下答案:首先我们要明确最基本的margin的基准线,不知道基准线怎么找位置?!top 以 containing block 的 content 上边或者垂直上方相连元素 mar...原创 2018-04-12 13:13:00 · 221 阅读 · 0 评论 -
css之水平垂直居中
面试十有八九会考到的问题(岂可休美图竟然没问我这个!) 题目:一个弹窗水平垂直居中于整个body所用的html都是<body> <div class="box"></div></body> ①最牛掰的display:flex *{ margin: 0; ...原创 2018-04-12 19:20:15 · 189 阅读 · 0 评论 -
流式布局与响应式布局
常见的面试题会让你聊一聊流式布局与响应式布局,我还没遇到过直接问他俩区别的面试官,都是根据我的项目(里面有用到流式布局+响应式布局)。围绕这两点感觉网上大部分博客都长得差不多,那我就用自己粗浅的理解说一下由此展开的一点问题吧。说起流式布局首先就要提到的是老掉牙的固定布局:浏览器大小不影响内部元素大小。这不就是各大银行和国企的PO网站嘛 = = 无论屏幕多大网页都显示相同宽度。在知乎上看到:在移动端...原创 2018-04-13 09:42:39 · 8489 阅读 · 1 评论 -
由多列等高布局引发的思考
一道经典的CSS题,是面试时常考的问题之一。相信大家都知道怎么做了,将parent设置overflow:hidden,子元素都设置超级大的padding-bottom和等量负值的margin-bottom。运用到的知识点是强大的负边距! 当margin-top、margin-left为负值的时候,会把元素上移、左移,同时文档流中的位置也发生相应变化,这点与position:rela...原创 2018-04-27 21:51:25 · 277 阅读 · 0 评论