css中的样式（或者规则）由两部分组成：选择器和声明块。每个声明块里面可以包含多条声明，它们之间由分号分隔。如下图所示：
链接外部样式表
外部样式表可以使网页打开的速度更快。但是浏览器在下载外部样式表的时候，还会在访问者的计算机上保存这个文件（一个被称为高速缓存的文件),以便下次能够更快的访问，当浏览者跳到该网站上使用同一个样式表的网页时，就不用下载，可以直接去这个告诉缓存里面读取。
外部样式表的链接有两种方式，第一种为link方式：
第二种方式为@import指令：
@import url(/blog_article/main.css);
</style>
这里需要注意的是，@import是css语法的一部分，而且这里指定的链接用url，而不是href。url里面的路径要用括号括起来，可以添加引号，
如url("main.css")。并且@import语句后面还可以放置其他css样式。与使用link标签一样，可以使用多个@import标签。
本文链接
window.onload
网页加载完会触发一个onload事件，这个事件与window对象相关联。
用法举例：
2 //具体函数体
3 }
当网页加载完有多个函数func1,func2,func3……都需要执行时
window.onload=function(){func1();};
window.onload=function(){func2();};
window.onload=function(){func3();};
这样的用法是不行的，实际效果相当于只执行window.onload=function(){func3();};
window.onload=function(){func1();func2();func3();};是一种不错的解决方案
但这样的代码看起来显得凌乱，还有一种弹性的解决方案addLoadEvent()函数
2 var oldEvent=window.onload;//保存已经存在的事件队列
3 if(typeof window.onload=='function'){//已经添加了函数
4 window.onload=function(){
5 oldEvent();
6 func();
7 };
8 }
9 else{//还未添加函数
10 window.onload=func;
11 }
12 }
现在只需用下面的代码调用即可：
addLoadEvent(func1);
addLoadEvent(func2);
addLoadEvent(func3);
本文链接
css的样式可以通过继承传递。继承可以再多代之间进行，比如body标签创建了一个样式，那么body标签里面的派生标签都可以继承这个样式。但是继承也有局限性，一般来说，元素的位置属性，边框线，页边距，背景色等等都不会被继承。同时，继承在样式发生冲突的时候（即多个样式定义了相同的css属性<属性值不一样>，并且应用于网页上的某个元素)也发挥不了作用,这取决于样式的优先权。
本文链接