css,javascript的预加载
css,javascript的预加载
为了提高网站的加载速度，有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块)，然后使用动态插入节点方法加载的文件都会在加载后立即执行，javascript的执行一方面会占用浏览器js执行进程，另一方面也可能改变页面结构，而css的执行更有可能让整个页面变化。xhr方式虽然不会执行脚本，但是由于同域的限制，且如今网站的静态文件都是部署在cdn服务器上，如何预加载css js文件也变有点玄妙了。
Stoyan Stefanov 撰文简明的阐述了一种加载文件而不会让之执行的方法。原文可见 http://www.phpied.com/preload-cssjavascript-without-execution/
具体的方法是，ie中使用 new Image().src 去预加载文件，而其他浏览器使用动态插入的 <object> 标签来完成加载。
部分代码如下
code
1 window.onload = function () {
2
3 var i = 0,
4 max = 0,
5 o = null,
6
7 // list of stuff to preload
8 preload = [
9 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
10 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js',
11 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css'
12 ],
13 isIE = naviga
相关文档：
CSS优先级包含四个级别（文内选择器，ID选择器，Class选择器，元素选择器）以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下：
* 页面中直接设置style,加1,0,0,0
* 每个ID选择器(如 #id),加0,1,0,0
* 每个Class选择器(如 .class)、每个属性选择器(如 [attribute=])、每个 ......
CSS（Cascading Style Sheets）层叠样式表。
·传统HTML页面排版和显示效果设置方面的问题。
·引入CSS后：Html标记专门用于定义网页的内容，而是用CSS来设置其效果。
CSS分类：
内嵌样式（Inline Style）：以属性形式直接在HTML标记中给出，用于设置该标记所定义的信息效果。例如：
<body style ......
原文:http://www.52css.com/article.asp?id=1026
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.
1.div的垂直居中问题
vertical-align:middle;
将行距增加� ......
使用DIV+CSS构架好处不少，但也确实存在一些问题，现在让网页设计师最头疼的事莫过于DIV+CSS对浏览器的兼容性了，可能你用惯了IE6，做出来的东西没感觉到有多大异常，但是把同样的东西放到IE7里去看的话，就会发现很多问题，如果放到火狐浏览器里去看，结果更不尽人意。
一个页面从制作的开始就决定了� ......
特殊JavaScript脚本：
1.禁用(恢复)href超级链接．
2.javascript中调用vbs对话框实现Confirm,可以显示Yes,No,还有各种图标，仅IE下有效．
3.限制上传文件类型为jpg.
4.限制离开当前页面，在离开时提示．仅限制窗口关闭或通过某个href超级链接离开．(页面刷新和地址栏改变时不提示）
demo.html如下：
<html>
&n ......
