CSS 元素的定位
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容：
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统：
CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。
假设我们要放置一个标题。通过使用盒状模型（参见第9课），标题将显示如下:
如果我们要把这个标题放置在距文档顶部100像素、左边200像素的地方，我们可以在CSS中输入以下代码：
h1 {
position:absolute;
top: 100px;
left: 200px;
}
得到的显示效果如下：
正如你所看到的，采用CSS定位技术来放置元素是非常精确的。相对于使用表格、透明图像或其他方法而言，CSS定位要简单得多。
绝对定位
一个采用绝对定位的元素不获得任何空间。这意味着：该元素在被定位后不会留下空位。
要对元素进行绝对定位，应将position属性的值设为absolute。接着，你可以通过属性left、right、top和bottom来设定将盒子放置在哪里。
举个绝对定位的例子，假如我们要在文档的四个角落各放置一个盒子：
#box1 {
position:absolute;
top: 50px;
left: 50px;
}
#box2 {
position:absolute;
top: 50px;
right: 50px;
}
#box3 {
position:absolute;
bottom: 50px;
right: 50px;
}
#box4 {
position:absolute;
bottom: 50px;
left: 50px;
}
显示示例
相对定位
要对元素进行相对定位，应将position属性的值设为relative。绝对定位与相对定位的区别在于计算位置的方式。
采用相对定位的元素，其位置是相对于它在文档中的原始位置计算而来的。这意味着，相对定位是通过将元素从原来的位置向右、向左、向上或向下移动来定位的。采用相对定位的元素会获得相应的空间。
举个相对定位的例子，我们可以相对于三张图片在页面上的原始位置来对它们进行相对定位。注意这些图片将在文档中各自的原始位置处留下空位。
#dog1 {
position:relative;
left: 350px;
bottom: 150px;
}
#dog2 {
position:relative;
left: 150px;
bottom: 500px;
}
#dog3 {
position:relative;
left: 50px;
bottom: 700px;
}
显示范例
转自：http://zh.html.net/tutorials/css/lesson14.asp
相关文档：
屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7与IE5.0可以识别*+html ......
平时我们在浏览网页的时候，常常看见导航栏是动态的，其实我们可以通过css样式表的定义就可以完成。
首先我们看一下css代码：
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......
原文传送门：http://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
csdn blog css自定义设置
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_conten ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
兼容IE、FireFox、Chrome
//加载js
function loadJs(){
if (!getObj('script_PlData')){
var scriptObj= document.createElement("script");
//scriptObj.id = 'script_1';
&nb ......
