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的单位基准。
网友评论