1.1、inline-block 4px 间隙 移除空格
使用margin负值
使用font-size:0
letter-spacing
word-spacing
1.2、
清除浮动的方法,各有什么特点?
来自:搜道网前端开发面试题
参考:
a:overflow:hidden
b:clear:both
c:clearfix:after{} 伪类
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
2.1、src vs href
src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。
src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所 在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片 和 frame 等元素。
<script src =”js.js”></script>
当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、 执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么 将 js 脚本放在底部而不是头部。
href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点) 或当前文档(链接)之间的链接,如果我们在文档中添加
<link href=”common.css” rel=”stylesheet”/>
那么浏览器会识别该文档为 css 文件,就会并行下载资源并且不会停止对当前文档的处 理。这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。
2.2、display, float, position 的关系
如果 display 为 none,那么 position 和 float 都不起作用,这种情况下元素不产生框
否则,如果position值为absolute或者fixed,框就是绝对定位的,float的计算值为none, display 根据下面的表格进行调整。
否则,如果 float 不是 none,框是浮动的,display 根据下表进行调整
否则,如果元素是根元素,display 根据下表进行调整
其他情况下 display 的值为指定值
总结起来:绝对定位、浮动、根元素都需要调整 display display 转换规则
以妓会友,评赞走起