HTML+CSS学习
文章平均质量分 95
星曦
这个作者很懒,什么都没留下…
展开
-
前端学习总结——CSS布局方式之传统布局
前端学习总结——CSS布局方式之传统布局传统布局即是早期在平板电脑、智能手机等移动设备并不流行的时候使用的布局方式。一、表格布局例如:采用表格方式实现如下简单模型的布局(1)固定布局即用具体的像素值来确定模型的宽和高等值。HTML代码如下所示<table border="0"> <tr> <td colspan="2" class="header">header</td>原创 2016-11-27 21:47:09 · 432 阅读 · 0 评论 -
defer和async的原理与区别
上一篇刚转载了一篇有关于网站性能优化的文章,其中提及到了页面的加载和渲染的过程,提到了defer和async的相关区别,但是本人在此之前并没有深究其中的区别。defer和async是script标签的两个属性,用于在不阻塞页面文档解析的前提下,控制脚本的下载和执行。 在介绍他们之前,我们有必要先了解一下页面的加载和渲染过程: 列表内容 浏览器通过HTTP协议请求服务器,获取HMTL文档并开始从原创 2017-07-20 14:26:31 · 815 阅读 · 0 评论 -
网站性能优化--CRP
网站性能优化–CRP为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页,浏览器需要处理一系列的中间过程,优化性能其实就是了解这个过程中发生了什么-即CRP(Critical Rendering Path,关键渲染路径)。首先,我们从头开始快速学习一下浏览器是如何显示一个简单网页的。 浏览器渲染一个网页的过程构建对象模型文档对象模型(DOM)<html> <head>转载 2017-07-20 09:59:03 · 544 阅读 · 0 评论