摘要：有序列表無(wú)序列表自定義列表在語(yǔ)義上的區(qū)別有序列表列表有順序編號(hào)默認(rèn)列表前加，，，編號(hào)，適用于有邏輯順序的排列項(xiàng)目，而且次序不能亂。另外，在類(lèi)型中，一致時(shí)代表選項(xiàng)為一組。提交是表單的提交按鈕，將表單中的數(shù)據(jù)發(fā)送給后臺(tái)服務(wù)器

1.有序列表ol>li；列表有順序編號(hào)（默認(rèn)列表前加1.，2.，3.，...編號(hào)），適用于有邏輯順序的排列項(xiàng)目，而且次序不能亂。
2.無(wú)序列表ul>li；列表無(wú)順序（默認(rèn)列表前加"."），適用于并列顯示的項(xiàng)目，項(xiàng)目無(wú)先后順序
3.自定義列表dl>dt表頭>dd表內(nèi)容,dt為項(xiàng)目名稱(chēng)，dd項(xiàng)目名稱(chēng)的描述，一個(gè)項(xiàng)目名稱(chēng)可以有多個(gè)項(xiàng)目描述。自定義列表更簡(jiǎn)單，精準(zhǔn)
如何嵌套：把一個(gè)元素放在另外一個(gè)元素中稱(chēng)為"嵌套"，在列表中，可以把一個(gè)ol或者ul作為某個(gè)li的內(nèi)容，這樣就在列表中嵌套了另一個(gè)列表。
示例：

  
  

  
    

      
有序列表0001
      
有序列表002
        

          
嵌套無(wú)序列表001
          
嵌套無(wú)序列表002
        
      
      
有序列表0003
      
有序列表004
        

          

            自定義列表001
自定義列表項(xiàng)目描述
          
        
      
    
  

去除列表前面默認(rèn)樣式
ul{list-style:none;}

id在頁(yè)面上是唯一標(biāo)識(shí)，class在頁(yè)面上標(biāo)識(shí)某一類(lèi)型的樣式，具有普遍性，可以重復(fù)使用。某元素的class名可以寫(xiě)成class="intro other"，即可以有多個(gè)class名，代表疊加兩個(gè)類(lèi)名稱(chēng)對(duì)應(yīng)的樣式。id名不能這樣寫(xiě)。ID名常用在頁(yè)面布局（標(biāo)記大框架），class一般在局部頁(yè)面布局中使用，用于樣式定義，因?yàn)閏lass可以重復(fù)，所以為多個(gè)元素賦予同一class簡(jiǎn)化代碼量。

塊級(jí)元素：獨(dú)占一行可設(shè)置寬,高,margin,padding。塊級(jí)元素是其他元素的容器元素，可以容納其他塊元素或者行內(nèi)元素;行內(nèi)元素只能夠容納文本內(nèi)容或者其他的行內(nèi)元素。常見(jiàn)塊級(jí)元素：div,p,h1..h6,table,tr,ul,li,dl,dt,form
行內(nèi)元素：占用空間是他自身的寬度。對(duì)于行內(nèi)元素，手動(dòng)設(shè)置寬高是無(wú)效的，它本身的高度是由自身決定的。行內(nèi)元素可以通過(guò)line-height來(lái)設(shè)置高度。常見(jiàn)行內(nèi)元素：a,span,img,input,button,em,textarea
塊級(jí)元素中寬高和內(nèi)外邊距都可以設(shè)置的；行內(nèi)元素設(shè)置寬高是無(wú)效的，它本身內(nèi)容的寬度就決定了它的寬高，不能手動(dòng)設(shè)置，行內(nèi)元素的左右margin和padding是有效的，上下的margin和padding是不占據(jù)空間的，但是加邊框后能看見(jiàn)其范圍。注意上下方向設(shè)置margin，padding元素范圍是增大了，但是對(duì)元素周?chē)膬?nèi)容是沒(méi)影響的。a元素為行內(nèi)元素，改變上下padding時(shí)元素范圍增大（邊框可看出），但對(duì)周?chē)責(zé)o影響。

display:none;將元素設(shè)置成不顯示，脫離文檔流，但在dom樹(shù)中還存在
display:table-cell;將元素設(shè)置成表格單元格，可通過(guò)vertical-align=middle設(shè)置垂直居中（vertical-align僅對(duì)行內(nèi)元素和表格單元格元素生效）
display:block; 將元素設(shè)置成塊級(jí)元素
display:in-line;將元素設(shè)置成成行內(nèi)元素
display:inline-block;將元素設(shè)置成行內(nèi)塊元素，既像行內(nèi)元素水平排列，又能像塊級(jí)元素設(shè)置寬高，設(shè)置上下左右padding，margin。inline-block:IE8以下瀏覽器不支持

選擇正確合適的標(biāo)簽，合理的標(biāo)簽命名，使用合理的代碼結(jié)構(gòu)，語(yǔ)義化使頁(yè)面結(jié)構(gòu)更清晰，代碼更加便于閱讀和維護(hù)，同時(shí)便于爬蟲(chóng)和瀏覽器更好的解析。標(biāo)簽語(yǔ)義化明白每個(gè)標(biāo)簽的用途（在什么情況下使用此標(biāo)簽合理）比如，網(wǎng)頁(yè)上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽，網(wǎng)頁(yè)上的各個(gè)欄目的欄目名稱(chēng)也可以使用標(biāo)題標(biāo)簽。文章中內(nèi)容的段落就得放在段落標(biāo)簽中，在文章中有想強(qiáng)調(diào)的文本，就可以使用 em 標(biāo)簽表示強(qiáng)調(diào)等等。書(shū)寫(xiě)代碼時(shí)注意的細(xì)節(jié)：命名要有含義，單詞組用中橫線(xiàn)連接，大小寫(xiě)規(guī)則統(tǒng)一。在網(wǎng)頁(yè)上要展示出來(lái)的頁(yè)面內(nèi)容一定要放在body標(biāo)簽中。

form表單的作用是把用戶(hù)輸入的數(shù)據(jù)提交到后臺(tái)。其name屬性為表單提交的名稱(chēng)，action屬性為提交到的網(wǎng)址（如不寫(xiě)默認(rèn)提交到當(dāng)前頁(yè)面），method屬性為提交方式get/post。
常見(jiàn)input標(biāo)簽

       單行文本區(qū) 

      密碼區(qū)  

       男 

       女 

       汽車(chē) 

       游戲 

       旅游 

      請(qǐng)輸入文本 

      
      蘋(píng)果
      香蕉
      蘋(píng)果
      香蕉
       

       提交 

       重置 

      

    

get（GET用于信息獲?。?把要提交的數(shù)據(jù)拼裝成url，提交的數(shù)據(jù)信息可見(jiàn)。get一般用于提交少量數(shù)據(jù)，瀏覽器限制最多提交1K（瀏覽器地址欄裝不下超過(guò)1K的信息?。?。get提交的數(shù)據(jù)會(huì)保存在瀏覽器歷史記錄中，不安全。
post（向服務(wù)器傳送數(shù)據(jù)，是可能修改服務(wù)器上的資源的請(qǐng)求）:提交的數(shù)據(jù)不是url，所以數(shù)據(jù)內(nèi)容不可見(jiàn)，可提交大量數(shù)據(jù)，瀏覽器無(wú)限制，文件大小受服務(wù)器限制.

如果想在表單之外調(diào)用服務(wù)器端的應(yīng)用程序，而且包括向其傳遞參數(shù)的過(guò)程，就要采用 GET 方法，因?yàn)樵摲椒ㄔ试S把表單這樣的參數(shù)包括進(jìn)來(lái)作為URL的一部分。而另一方面，使用POST樣式的應(yīng)用程序卻希望在 URL 后還能有一個(gè)來(lái)自瀏覽器額外的傳輸過(guò)程，其中傳輸?shù)膬?nèi)容不能作為傳統(tǒng) 標(biāo)簽的內(nèi)容.

自行車(chē)
小車(chē)

男；
女；

提交
應(yīng)用了自定義按鈕樣式的a鏈接，點(diǎn)擊后跳轉(zhuǎn)到某個(gè)頁(yè)面，讓a鏈接應(yīng)用按鈕的樣式是因?yàn)槭髽?biāo)懸停a鏈接時(shí)有手勢(shì)，讓用戶(hù)覺(jué)得是可點(diǎn)的。

是form表單的提交按鈕，將form表單中的數(shù)據(jù)發(fā)送給后臺(tái)服務(wù)器
*