html:超文本標記語言
html語言結構：
html：html的根標籤
head:網頁的頭部信息
body：網頁的主體部分
html註釋：<!--註釋的內容-->
常用的標籤：
標題標籤：h1~h6
段落標籤：p
水平線標籤：hr
換行標籤：br
上標：sup
下標：sub
原樣標籤：pre
有序列表標籤：ol li
無序列表標籤：ul li
項目列表標籤：dl dt dd
常用的實體字符：
空格：
小於號：<
大於號：>
人民幣：¥
超鏈接標籤：<a href="">
a 標籤常用屬性：
href:用於指定鏈接的資源
target:設置打開資源的目標； _blank在獨立的窗口打開頁面，_self:在當前窗口打開頁面
圖片標籤：img
img常用的屬性：
width:寬度
height：高度
alt:如果圖片資源找不到，那麼就顯示相應的提示文字
表格標籤：
table tr td th caption
表格常用屬性：
border:設置表格的邊框
colspan:設置單元格佔據指定的列數
rowspan:設置單元格佔據指定的行數
表單標籤：是用於提交數據給服務器
表單標籤的根標籤：form
編寫css代碼的方式：
1、在style標籤裏面寫
2、直接在標籤裏面寫
3、可以引入外部的css文件
css註釋：
/**********************/
選擇器：
1、標籤選擇器：
格式：
標籤名{
樣式1;樣式2;....
}
2、類選擇器
格式：
.class的屬性值{
樣式1;樣式2;....
}
3、ID選擇器
格式：
#id的屬性值{
樣式1;樣式2;....
}
4、交集選擇器：就是針對選擇器1中的選擇器2裏面的數據進行樣式化
格式：
選擇器1 選擇器2{
樣式1;樣式2;....
}
5、並集選擇器：對指定的選擇器進行統一的樣式化
格式：
選擇器1,選擇器2{
樣式1;樣式2;....
}
6、通用選擇器
*{
樣式1;樣式2;....
}
僞類選擇器：
1.a:link 沒有被點擊過的狀態
a:visited 已經被訪問過的樣式
a:hover：鼠標經過的樣式
a:active：
常用的css樣式：
background-color:設置背景顏色
css 佈局的方式有三種：1 默認的，就是按文檔流的順序2 浮動佈局，就是用float
1 首先將元素分類：
▲ 塊級元素：<div>、 <p> <ul> <li>，獨自佔用一行的位置，
▲ 內聯元素：<span><a>等 可以與其它內聯元素在一行上，
2 佈局的三種方式：
▲ 按文檔流：即按照html的順序
▲ 按定位（position）：有relative、absolute、static、fixed
▲ 按浮動：float
☞relative(相對定位)：元素相對自己的位置偏移某個距離，定位後扔是文檔流的一部分
☞absolute(絕對定位)：元素相對父級框定位，元素框從文檔流中消失，就和不存在一樣，（注意relative和absolute都有的時候，要用概念去理解）
☞fixed：和絕對定位一樣，只是父級框爲窗體罷了
☞static(無定位)：即默認值，按照文檔流的樣式
浮動定位（float）：浮動框從文檔流中消失，像不存在一樣，浮動可以向左向右浮動，浮動浮動，先浮後動，設置浮動的元素先浮到另一層排列，原來的塊狀屬性沒有了，在另一層上可以並列以行，其後的各種定位會視其消失了，馬上補上。不僅是塊級元素可以浮動，內聯元素也可以浮動
注意：在ie567中如果你的內容寬度大於div的寬度，會把div撐破，導致其它元素被擠開，解決辦法是在外面再套一層div
Clear:清除浮動，用在不想當元素前面的元素應用了浮動，後面的元素不想頂上去的時候，就清除浮動
注意外邊距合併的問題。