css合并压缩和引入

原创 15801206036 随笔 css 122阅读 2017-12-14 15:15:58 举报

css引入建议用link标签,在head中引入,关于原因大家应该都知道,浏览器在stylesheet加载完成之后才会渲染页面,在此之前页面一直是空白,如果放到底部还要等待html加载完才加载,为了使用户尽可能早的看到页面,所以放到底部,而引入方式@import会影响浏览器的并行下载,使得页面在加载时增加额外的延迟,而且多个@import会导致下载顺序紊乱,所以建议使用link。
关于css合并就是将共有的样式写在公共样式里,例如头部底部侧边栏等还有一些例如超出一行省略号的,清除浮动的都要写成共有样式
这里写一下代码
.textEllipsis{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.clearFix:after{
display:block;
content:"";
clear:both;
height:0;
}
至于压缩就不多说了,gulp,webpack等前端代码构建工具都可以进行代码的压缩

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复