本文不講詳細，只講注意事項，需要看詳細，地址如下：
http://www.divcss5.com/rumen/r309.shtml
position語法：
position : static absolute relative
position參數：
static : 無特殊定位，對象遵循HTML定位規則
absolute: 將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過css
z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框
relative: 對象不可層疊，但將依據left，right，top，bottom等屬性在正常文檔流中偏移位置
position說明：
設置對象的定位方式，可以讓佈局層容易位置絕對定位，控制盒子對象更加準確。
通常我們使用position:absolute；position:relative進行絕對定位佈局，通過CSS進行定義定位，DIV佈局HTML，注意什麼地方使用position:relative，什麼地方使用position:absolute進行定位，同時不要忘記使用left、right、top、bottom的配合定位具體位置。絕對定位如果父級不使用position:relative，而直接使用position:absolute絕對定位，這個時候將會以body標籤爲父級，使用position:absolute定義對象無論位於DIV多少層結構，都將會被拖出以<body>爲父級（參考級）進行絕對定位。絕對定位非常好用，但切記不要濫用，什麼地方都用，這樣有時會懶得計算距離上、下、左、右間距，同時可能會造成CSS代碼臃腫，更加經驗適當使用，用於該使用地方。
在絕對定位時候我們可以使用css z-index定義css層重疊順序。
DIV重疊
要實現DIV重疊，並改變實現DIV盒子層疊重疊順序，我們對父級使用position:relative,對子級使用position:absolute、z-index（重疊順序）、left，right，top，bottom絕對定位相當於父級具體位置。
left ，right， top ，bottom定位
這四個CSS屬性樣式用於定位對象盒子，必須定義position屬性值爲absolute或者relative此取值方可生效
純英文文章，首字母大寫
text-transform 值：
Capitalize 英文拼音的首字母大寫
Uppercase 英文拼音字母全大寫
Lowercase 英文拼音字母全小寫
CSS text-transform語法結構
div{text-transform:capitalize}
漢字首字放大樣式
p:first-letter
{
color:red;
font-size:20px;
}
<p>我們的大中國，好大的一個家！</p>
注意：IE8,9,10都可能不支持該屬性，可以選用以下辦法:
例如：
<div id="brithContent" class="text2">
<p>我們的大中國，好大的一個家！</p>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
var brithc=jQuery("#brithContent>p").text();
var fnum=brithc.substring(0,2);
var other=brithc.substring(2,brithc.length);
jQuery("#brithContent>p").html("<span id='bfletter'>" + fnum + "</span>" + other);
});
</script>
#bfletter
{
font-size:24px;
}
居中屬性講解：
整體佈局的居中：
假如網頁寬度爲700px，最外層css樣式爲的class="weicheng"，那設置應該這樣“.weicheng{margin:0 auto; width:700px;}
介紹使用css屬性讓網頁的背景居中：
這裏居中就包括了左右居中與上下居中，居中代碼如下：
body{BACKGROUND: #FFF url(logo.gif） no-repeat center;} //這段話意思就是讓logo.gif這個圖片設置背景不重複（no-repeat ），並將居中（center）這個居中是左右居中，而垂直不需要設置，自動會居中。
圖片居中是vertical-align:middle;
文字居中就要靠設置行高方法居中文字內容，這裏我們設置爲高度是120px，需要設置line-height:120px;這樣就通過css屬性類樣式來實現文字與圖片的上下左右居中。
左縮進：
text-indent 後面可以直接寫像素 ，在遇到漢字需要左縮進2個漢字的時候也可以用我們熟知的默認縮進 2em 。
divcss5{ text-indent:35px}
通常text-indent縮進屬性將對段落首行開頭文本文字進行縮進顯示。如果使用html br換行標籤，第二個換行開始也不會出現縮進效果。如果使用了html P段落標籤段落換行，將會出現每個p段落換行開頭都將縮進。
text-decoration下劃線CSS單詞值參數：
none : 無裝飾
blink : 閃爍
underline : 下劃線
line-through : 貫穿線
overline : 上劃線
text-decoration:none 無裝飾，通常對html下劃線標籤去掉下劃線樣式
text-decoration:underline 下劃線樣式
text-decoration:line-through 刪除線樣式-貫穿線樣式
text-decoration:overline 上劃線樣式
在HTML u標籤下劃線標籤“U”即可對對象文字加html下劃線。<u></u>
常用cursor光標說明
1）、div{ cursor:default }默認正常鼠標指針
2）、div{ cursor:hand }和div{ cursor:text } 文本選擇效果
3）、div{ cursor:move } 移動選擇效果
4）、div{ cursor:pointer } 手指形狀 鏈接選擇效果
5）、div{ cursor:url(url圖片地址) }設置對象爲圖片
案例
p { cursor: text; } /* css註釋： 設置鼠標移動到html
p對象時鼠標變爲文本選擇樣式 */
a { cursor: pointer; } /* css註釋： 設置鼠標移動到a超鏈接對象時鼠標變爲手指形狀（鏈接選擇） */
body { cursor: url("小圖片地址")} /* 設置鼠標指針默認爲一個小圖片 */
letter-spacing（字間隔）
font-variant : normal | small-caps
CSS參數：
normal : 正常的字體
small-caps : 讓字母變成小型的大寫字母字體並縮小字母
在DW軟件中字體只被大寫，而在瀏覽器中將會縮小並大寫字體
注意DIVCSS5對象內內容，被css設置font-variant後，對象內所有無論是大寫字母還是小寫字母，最終全顯示爲大寫的字母
font-variant將文本里英文轉爲全大寫，並以縮小方式顯示。css font-variant實現全大寫但英文或拼音字母會被縮小，如果要實現CSS英文只大寫而不縮小請用css text-transform字體大小寫樣式
text-overflow參數值和解釋：
clip : 不顯示省略標記（...），而是簡單的裁切
ellipsis : 當對象內文本溢出時顯示省略標記（...）
CSS中“*”號是通配符，即指，網頁html中所有標籤意思，例如：*{ padding:0; margin:0; font-family:"黑體"}
在CSS選擇器內星號+CSS樣式屬性單詞，一般區別IE6和IE8、IE6和FF，IE7和IE8，IE7和FF瀏覽器之間屬性CSS HACK。例如 ：.divcss5{border:1px solid #000;width:220px;*width:300px;}
white-space語法：
white-space : normal nowrap
white-space參數：
normal : 默認處理方式
nowrap : 強制在同一行內顯示所有文本，直到文本結束或者遭遇br標籤對象才換行。
讓文字不自動換行，無論CSS寬度設置多少，所有文字都在一行內顯示。特別是標題列表，我們想一行只顯示一條標題內容，而有時寬度有限標題文字多了width(寬度)又有限，這樣會造成文字自動換行，這個時候我們可以使用white-space樣式讓他一排顯示不換行，當然我們爲了隱藏超出的文字內容我們可以再加一個css overflow:hidden樣式。
@import語法結構
@import +
空格+ url(CSS文件路徑地址);
1）、在html中
<style type="text/css">
@import url(CSS文件路徑地址);
< /style>
@import在html中使用截圖
2）、在css中
直接使用
@import url(CSS文件路徑地址);
import在CSS代碼或CSS文件中使用截圖
在css和html中均可以使用@import