一、css簡介
css：是cascading style sheets的縮寫，中文意思是級聯樣式表，只要是任何和樣式有關的，布局、樣式、顏色、大小等等，都與css相關。
css：是用來解決內容與表現分離的問題。（把內容和樣式分離開）
二、css語法
css語法
selector
選擇器、屬性、值
class名最好小寫
三、css基本選擇器及權重值
1.標籤選擇器或元素選擇器： h1
2.分組選擇器：
h1,p
3. 子類選擇器：
div下的h1
div h1
4.class選擇器：
.class名
5.id選擇器：
#id名
6.其他選擇器
a:hover
7.全部選擇器
*
權重值：
id選擇器為100
class選擇器為10
標籤選擇器為1
四、元素的型別
塊元素：上下分布，寬度預設是其父級元素的100%
p、h1、div
行元素：水平分布
li a input
改變元素型別使用
display: inline-block;
display: block;
五、css的顏色
修改字型顏色：color: red;
修改背景顏色：backgroud-color: blue;
修改邊框顏色：border: 1px solid #666;
顏色：英文單詞：red、bule
16進製制：#ff0000 簡寫#ff0（兩個兩個的字母都一樣可以簡寫成1個）
rgb：rgb(255,0,0) 或 rgb(100%,0%,0%)（紅綠藍三原色）
六、一些實用的小技巧
小技巧1：文字垂直居中 （text-align=center文字水平居中）
height: 30px;
line-height: 30px;
小技巧2：塊元素居中
margin: 0 auto;
小技巧3：所有頁面最好首先消掉內外邊距（所有瀏覽器body都有8個畫素外邊距）
*小技巧4：
滑鼠移動到按鈕區域顯示小手
cursor: pointer;
小技巧5：
**裡去掉重複邊框： border-collapse: collapse;
去掉字型粗細： font-weight: normal;
小技巧6：
有浮動的存在時，下面內容為了不被覆蓋，需要加both，即不左浮也不右浮。
clear: both;
小技巧7：
溢位隱藏
overflow: hidden;
小技巧8：
按z-index值的大小展示模組
z-index = 9999;
小技巧9：
css精靈，選取中的某乙個小圖時使用
css sprite
#aa小技巧10：
如何讓乙個浮動的元素居中（在父元素居中）
方法一：
text-align: center;
float: left;
height: 30px;
position: absolute;
left: 50%;
margin-left: -81px;
方法二：
父元素設定寬和高，margin:0 auto;
子元素：float: left; 乙個span設定為：style="margin-right:0;"
方法三：
display: inline-block;
父元素設定text-align：center，直接可居中 （inline-block在ie6中不支援）
margin:0 auto;只對塊元素生效
text-align對於浮動不生效
小技巧11：
background: red url(../images/tel.gif) no-repeat 95% 5px;
padding: 0 5px;
小技巧12：去掉a標籤的下劃線
text-decoration: none;無下劃線
css的一些小技巧
a,area for ie focus for firefox 有關hidefocus 谷歌對決微軟的10大戰場話說css的優先權 如何避免超連結在點選時產生的 虛線外框 呢？有很多辦法實現。可以用hidefocus。比如乙個超連結，要使其點選之後不出現焦點虛線框 xx hidefocus即隱藏聚焦...
一些小技巧
關注 乙個好的程式設計師不應該把所有的判斷交給編譯器和偵錯程式，應該在程式中自己加以程式保護和錯誤定位，具體措施包括 對於所有有返回值的函式，都應該檢查返回值，除非你確信這個函式呼叫絕對不會出錯，或者不關心它是否出錯。一些函式返回錯誤，需要用其他函式獲得錯誤的具體資訊。例如accept返回inval...
一些小技巧
protected void repparent itemdatabound object sender,system.web.ui.webcontrols.repeateritemeventargs e 在父datalist的itemdatabound事件裡面寫子datalist的資料來源 繫結 ...