2018-07-25更----------------------------------------------------------------------------------------------------------------------------。
- 在<head></head>标签内应用CSS文件,公有文件在前,私有文件在后,必要文件在前,非必要文件在后。非首屏必要的CSS文件可以选择异步加载。
延时加载CSS,在页面加载完毕以后,向head标签中动态添加CSS文件引用的语句。
$(window).load(function () {
//异步延迟加载样式
var link = $('<link />');
link.attr('href', '/Content/font1.css');
link.attr('rel', 'stylesheet');
link.appendTo($('head'));
link.load(function () {
console.info('加载成功...');
});
});
- 在HTML文件中,CSS和JavaScript代码不应该大量出现,应该将它们提取出来分别放在CSS文件和JS文件中,然后在页面中引用这些文件,CSS文件的引用规则如上面第一条所述,JS文件的引用应该放在</body>标签之前,防止页面加载出现阻塞(JS文件是一边下载一边执行的),排序与CSS相同,公有文件在前,私有文件在后,必要文件在前,非必要文件在后。
- PC端在不考虑响应式布局的情况下,宽、高、边距等用px为单位来处理。使用em处理时需要在body{}中设置好整体页面的font-size大小,以便控制em的单位基准。