记事本1
传统的页面请求的生命周期:
1. 浏览器发送一个HTTP请求到Web服务器。
2. Web服务器解析请求,然后读取数据存储层,制定一个HTML文件,并用一个HTTP响应把它发送到客户端。
3. HTTP响应通过互联网传送到浏览器。
4. 浏览器解析Web服务器的响应,使用HTML文件构建了一个的DOM树,并且下载引用的CSS和JavaScript文件。
5. CSS资源下载后,浏览器解析它们,并将它们应用到DOM树。
6. JavaScript资源下载后,浏览器解析并执行它们。
webkit内核的浏览器(chrome)中,当在css中定义的中文font-size小于12px的时候,浏览器仍然使用12px,这时就可以用-webkit-text-size-adjust:none;
注意,-webkit-text-size-adjust放在body中会导致页面缩放失效,不要把-webkit-text-size-adjust设置为全局或者可继承的
iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
浏览器一般提供给小群体用户一个功能,就是放大与缩小网页视图。禁用了这一属性,在chrome下放大网页,会导致其它元素均放大,而文字却依然为原定义的“12px”
display:block;
是让对象成为块级元素
img标签默认是有边框的, 一般有没有都没有什么影响。
但如果img标签被a标签包含的时候, 通常会出现一个蓝色的边框, 影响布局美观,这个时候需要把边框设置为0, 从而去掉这个视觉上的边框。(相关链接:http://www.blueidea.com/tech/web/2009/7232.asp)
![](data:image/png;base64,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)
fieldset 元素可将表单内的相关元素分组。
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。