调整图片大小
有滚动条的图片可给不了好的用户体验，为了让图片的大小更适合浏览器窗口。这时候就需要对图片的大小进行调整看书之前。
我调整图片大小的方式是在<img>元素使用 width 和 height 属性。书中不建议这样做。
因为这样做仍然会下载完整的大图像，然后让浏览器来完成调整图片大小的工作，而且有些浏览器还不支持这个功能（比如低版本IE）→_→而且增加网页质量。
最优的解决方法
使用图片处理软件，比如photoshop来调整图片大小，并保存JPEG格式。为什么用JPEG格式？因为JPEG格式允许你需要的图像质量等级。等级越低，文件越小
P180~188 TIME2016/5/13
visibility: hidden;
常用的display值是 none 。一些特殊元素的默认 display 值是它，例如 script 。 display:none 通常被 JavaScript 用来在不删除元素的情况下隐藏或显示元素。
它和 visibility 属性不一样。把 display 设置成 none 不会保留元素本该显示的空间，但是 visibility: hidden; 还会保留。
html头部定义解析
html4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 表示这个<html>是页面的根（第一个）元素，
PUBLIC 表示HTML4.01标准是公共可用的。
"-//W3C//DTD HTML 4.01 Transitional//EN" 表示这个页面是使用HTML4.01版本，另外这个html标记用英语编写
"http://www.w3.org/TR/html4/strict.dtd" 这指向一个文件，标示这个特定的标准。
XHTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml111/DTD//xhtml111.dtd">
!DOCTYPE HTML PUBLIC 仍然是一个html版本，xml与xml的版本
DTD XHTML 1.1 这个对应XHTML1.1版本
http://www.w3.org/TR/xhtml111/DTD//xhtml111.dtd 指向xhtml1.1的定义
