一、在實際工作中，都是一個團隊在做項目，不是一個人在工作。多人協作，就是每個團隊都有自己 的命名習慣。1、css選擇符命名，規範。2、都有命名規範文檔。 二、css選擇符作用：指定css樣式所作用對象（範圍）1、標簽選擇符：針對html標簽2、id選擇符：針對頁面中只出現一次的內容，id3、類選擇符 ...
一、在實際工作中，都是一個團隊在做項目，不是一個人在工作。多人協作，就是每個團隊都有自己
的命名習慣。
1、css選擇符命名，規範。
2、都有命名規範文檔。
二、css選擇符作用：指定css樣式所作用對象（範圍）
1、標簽選擇符：針對html標簽
2、id選擇符：針對頁面中只出現一次的內容，id
3、類選擇符：針對某些元素，相同的樣式，重覆樣式
*****預設情況下某些html元素本身有自己的預設值。
4、控制所有元素----使用通配符----*
通配選擇符：*{屬性：值}，用於定義所有html元素
***** *的作用範圍很廣，但是它的效率很低。慎用
*{margin：0；pandding：0；}//重置所有元素的外邊距和內邊距為零
5、選擇符的嵌套使用----包含選擇符
前端開發的極限----就是代碼非常精簡。
6、如果多個選擇符會有一些相同的樣式，這個時候我們就可以把這些選擇符組成一個組
選擇符1，選擇符2，......{屬性：值}
*****css選擇符就是表示你將把你定義的樣式用給誰。
/*下麵選擇符，表示，這些選擇符分為一組，他們都有相同的樣式*/
body,ul,ol,li,p,hi,h2,h3,h4,h5,h6,form,fieldset,table,top a,.top,.top a,.top a:visited
/*表示針對類名為top裡面的a*/
.top a,.top a:visited
三、css盒子模型
****一個盒子是由以下幾部分構成的：
1、盒子里的內容 content
2、盒子的邊框 border
3、盒子的邊框與內容之間的距離，稱為填充--padding，內邊距（內補丁）
4、多個盒子存在，盒子與盒子之間的距離，稱為邊界--margin，外邊距（外補丁）
*****就是盒子所在的實際寬度為例=左右邊界+左右邊框+左右內填充+內容寬度
*****css盒子的相關屬性
【1】、內容屬性：內容本身的寬=width，內容本身的高=height
【2】、內填充屬性：內容與邊界之間的距離 padding
*****在定義盒子的寬度時要考慮到內填充，變寬，邊界的存在。
如果增加了內填充了，整個盒子寬度值要再減去你增加的內填充值。（css3中可以用box-
sizing:border-box;來令瀏覽器呈現出帶有指定寬度和高度的框，並把邊框和內邊距放入框中。
）
小盒子的上面=20 右面30 下麵50 左面100 外邊界
margin：20 30 50 100；
margin-top：
margin-right：
margin-bottom：
margin-left：
*****將來在使用外邊距要註意瀏覽器的相容性。
*****除了值為0的情況下，所有的非零的值，後面都要加單位。
*****我們需要將所有瀏覽器的預設內外邊距都從零開始算。
在實際工作，不要用這個*（margin：0；padding：0），效率最低。
所以我們是用到了哪些元素就把哪些元素的預設值歸零。
css的屬性，雖然有繼承的特點但是並不是所有的屬性都有繼承。
css佈局主要是通過盒子模型來實現--w3c將網頁內容放置在一些盒子中，對這個盒子的一些屬性進行
控制。
內容：width height
內填充：padding
外框：border
外邊界：margin
關於列表的屬性介紹：--存在相容性問題
list-style：列表的圖片
語法：
list-style：list-style-image || list-style-position || list-style-type
列表的樣式：列表的圖片 列表符號位置 列表的樣式
list-style-none 不要列表的符號。
邊框屬性說明：
css語法：
border：border-width||border-style||border-color
根據語法，推理出它的使用方式
如果只寫border，則後面要跟著的是三個不同的子元素，第一個：粗細，第二個：樣式，第三個：顏
色
邊框樣式：粗細為兩個像素 實線 藍色
border：2px solid blue
*****css小技巧：
【1】、讓盒子水平居中：將對象的左右邊界設置為auto；
【2】、讓盒子中的內容垂直居中：設置行高（line-height）=盒子的高度，但是不要有換行。
【3】、我們在調試的時候，可以適當加背景顏色。
*****html元素的分類：塊與內聯
背景圖片預設情況下是進行水平與垂直方向上的平鋪。
預設背景的圖片在元素的左上角顯示。
背景圖片的依附方式：固定的定義是將圖片固定在屏幕（可視區域）的某個位置。
相容性 IE6只有html與body這兩個元素支持這個屬性
讓你顯得專業一點的技巧：翻轉效果：其實思路就是準備兩張大小相同，內容不同的圖片，正常情況
下顯示一張，滑鼠進過的時候再顯示另一張。（css3中常用transform屬性來定義圖片的翻轉效果）
偽類，表示一種狀態
：link
css精靈技巧：主要是為了減少http請求【css3中常用字體圖標來替代傳統的小圖標（未來趨勢）】
瀏覽器--伺服器（交流）（例：購物超市--結賬時候。）
