进行页面设计，分享DIV+CSS一些小规则
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、右、下、左)
1px 2px 3px （省略的左等于右）
1px 2px (省略的上等于下)
1px （四边都相同）
2. 简化所有：
*/ body{margin:0}------------表示网页内所有元素的margin为0
#menu{ margin:0}------------表示menu盒子下的所有元素的margin为0
3. 缩写（border）特定样式：
Border:1px solid #ffffff;
Border-width:0 1px 2px 3px;
4. 关于文字的缩写规则：
Font-style:italic; 斜体形式
Font-variant:small-caps/normal; 变体样式：小型大写字母/正常
Font-weight:bold;
Font-size:12px;
Line-height:1.2em(120%)/1.5em(150%);
Font-family:arrial,sans-serif,verdana;
缩写成：
Font:italic small-caps bold 12px/1.5em arrial,sans-serif;
注意：Font-size和Line-height用斜杠组合在一起不能分开写。
5. 关于背景图片的：
Background:#FFF url(log.gif) no-repeat fixed top left;
6. 关于列表：
List-style-type:square/none;
List-style-position:inside;
List-style-image:url(filename.gif);
缩写成：
List-style:none inside url(filename.gif);
二、 运用4种方法来引入CSS样式
1.link
<link rel=”stylesheet” type=”text/css” href=”a.css”>
rel 关系
type 数据类型,有多种
href 路径
部分浏览器支持候选样式,关键字:alternate:
<link rel=”stylesheet” type=”text/css” href=”a.css”>
<link rel=”alternate stylesheet&
相关文档：
1、容器不扩展问题
这个是经常在我切图的时候遇到的问题，如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= ......
这些都是之前学习的时候总结的，现在把它们都上传上来：
DIV+CSS面试八个题是之前在哪个网站看到了，现在怎么也找不到了，索性自己留一份吧！
一、超链接访问过后hover样式就不出现的问题？
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
二、IE6的双倍边距BUG
......
我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：
方法1：
var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网� ......
ie6中div的高度自动设置，到了ie7和ie8就不行了，需要设置css
/*针对非IE*/
div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*针对IE*/
div{zoom:1;} ......
