/*重置樣式*/
*｛
margin: 0;
padding: 0;
｝
css的重置樣式主要是因為html標簽在瀏覽器中都有各自的默認樣式，比如p標簽會有上下邊距，strong標簽有字體加粗樣式。不同瀏覽器的默認樣式之間也會有差別，例如：ul默認帶有縮進的樣式，在IE下，它的縮進是通過margin實現(xiàn)的，而Firefor下，它的縮進是通過padding實現(xiàn)的。在切換頁面的時候，瀏覽器的默認樣式往往會給我們帶來煩惱，影響開發(fā)效率。所以解決的方法就是通過標簽重新定義標簽樣式，“覆蓋”瀏覽器的css默認屬性
把body的內(nèi)外邊框的初始都設(shè)置為零
/*頁面的公用樣式*/
/*清除a標簽的下劃線*/
a {
text-decoration: none;
}
/*清除ul，ol標簽的樣式*/
ul,ol{
list-style: none;
}
/*清除浮動*/
.clearfix｛
clear:both;
｝
公用樣式是自己自定義的直接可以拿來用
可以提供有關(guān)頁面的信息，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞
meta的name屬性主要用于網(wǎng)頁的描述，與之對應(yīng)的屬性值為content,content的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息
meta標簽的name屬性語法格式：
name的屬性常用的有keywords（關(guān)鍵字）和description（網(wǎng)頁內(nèi)容描述）
Keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么
description用來告訴搜索引擎你網(wǎng)頁的主要內(nèi)容是什么
display的用法：display是強制轉(zhuǎn)換標簽，有三個值分別是inline-block/inline/block；
inline-block是轉(zhuǎn)換行內(nèi)塊元素
inline是默認的行內(nèi)元素
block是塊元素
vertical-algin：middle；是垂直居中方式，可以使圖片和文字保持統(tǒng)一水平線
除了middle之外還有兩個常用的值：
top把元素的頂端與行中最高元素的頂端對齊
bottom把元素的頂端與行中最低的元素的頂端對齊
overflow：hidden；隱藏溢出來的內(nèi)容，也可以用來清除浮動
outlin設(shè)置4個邊框的樣式，outline: none;清除邊框的樣式
background-position：0 0；設(shè)置背景圖片位置，X軸和Y軸都是用負數(shù)表示，單位px
background：url() no-repeat ;
no-repeat圖片不平鋪
margin屬性設(shè)置一個元素的所有外邊距的的寬度或者設(shè)置各邊上外邊距的寬度，該屬性有1到4個值
margin: 5px 10px 15px 20px；表示上外邊距是5px，下外邊距10px，左外邊距15px，右外邊距是20px;
margin: 10px 15px 20px；表示上外邊距是10px，左右外邊距是15px，下外邊距是20px；
margin:0auto；表示上下外邊距是0px，左右外邊距是自動，這也是是定寬居中的條件；
margin: 10px;表示上下左右外邊距都是10px；
偽類：hover選擇器用于選擇鼠標指針浮動在上面的元素
foucs選擇器是用于選取獲得焦點的元素
相鄰兄弟選擇器：例：h1 + p選擇緊接在h1后面的元素，h1和p擁有共同的父元素
相鄰兄弟選擇器使用了+號，即相鄰兄弟結(jié)合符
./css/index.css；./表示當前目錄；../css/index.css；../是上級目錄
