乐趣区

每日两道前端面试题20190403

li 与 li 之间有看不见的空白间隔是什么原因引起的?有什么解决方法?
行框的排列会受到中间空白(回车 / 空格)等的影响。因为空格也属于字符,这些空白也会被应用样式,占据空间,所以会有间隔。

只要设置一个属性,font-size:0. 即可.
为什么要初始化 CSS 样式?
因为浏览器的兼容问题,不同浏览器对有些标签的默认值不同。如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异,当然,初始化样式会对 SEO 有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法:
*{
padding:0;
margin:0;
}
淘宝样式初始化代码:
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form,
fieldset, legend, button, input, textarea, th, td {margin:0; padding:0;}
body, button, input, select, textarea {font:12px/1.5tahoma, arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:couriernew, courier, monospace;}
small{font-size:12px;}
ul, ol {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
sup {vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}

退出移动版