html基本結(jié)構(gòu)、語法標(biāo)準(zhǔn)：

1、html文檔命名：

①、必須一小寫英文字母開頭、下劃線、數(shù)字組合；

②、不能用漢字、空格、特殊字符(標(biāo)點(diǎn)符號(hào))；

③、文檔后綴名：html/htm;

④、首頁必須命名成index.html或index.htm(這主要是因?yàn)榧映溄颖仨氁源艘?guī)則命名)

1.強(qiáng)制換行標(biāo)記（br）:單標(biāo)記。主要作用是讓標(biāo)記后面的文字，圖片，表格等顯示在下一行。

2.段落標(biāo)簽:（p）：。由于多個(gè)空格和回車在HTML 中會(huì)被等效為一個(gè)空格，所以HTML 中換段落就用p。p標(biāo)簽可以嵌套。

3.center：居中對(duì)齊標(biāo)記，讓段落或者是文字相對(duì)于父標(biāo)記居中顯示。

4.pre：預(yù)格式化標(biāo)記，保留預(yù)先編排好的格式。

5.li：列表項(xiàng)目標(biāo)記，每一個(gè)列表使用一個(gè)li標(biāo)記。

6.ul：無序列表

7.ol>：有序列表標(biāo)記，可以顯示一些特定的順序。列表可以嵌套

有序列表的格式為：

ol type=”符號(hào)類型”

li type=”符號(hào)類型” /li

li type=”符號(hào)類型” /li

type的屬性值有：默認(rèn)的type屬性值為阿拉伯?dāng)?shù)字123等；大小寫的英文字母； 大小寫的羅馬數(shù)字。

列表里面的value表示，指定一個(gè)新的序列的數(shù)字起始值。

8.定義型列表：dl,dt,dd。一般在對(duì)列表?xiàng)l目進(jìn)行簡短的說明的時(shí)候使用。

9.hr：單標(biāo)記。水平分割線標(biāo)記，段落之間的分割線。

10.div：分區(qū)顯示標(biāo)記，也稱之為層標(biāo)記。常用來編排一大段的HTML段落，也可以用于格式化表，可以嵌套使用。

1、標(biāo)題標(biāo)簽： h1~h6 ctrl+1~6

2、段落標(biāo)簽： p ctrl+shift+p

3、換行標(biāo)簽： br shift+回車

4、水平線： hr

5、加粗標(biāo)簽： strong ctrl+b

6、傾斜標(biāo)簽： em ctrl+i

7、空格標(biāo)簽：  

8、圖片標(biāo)簽：<img src=’圖片路徑’ alt=’圖片加載錯(cuò)誤提示文字’ title=’鼠標(biāo)懸停文字’ width=’寬度’ height=’高度’ />

9、超鏈接：<a href=’鏈接路徑’ traget=’_blank’>文本/圖片</a>

10、錨鏈接：

(1) 定義錨：給標(biāo)簽加id屬性，id=”top”

(2) 跳轉(zhuǎn)到錨：<a href=”#top”>top</a>

11、行級(jí)標(biāo)簽

1.Strong

2.Em

3.A

4.Img

12、塊級(jí)標(biāo)簽

1.標(biāo)題標(biāo)簽

2.段落標(biāo)簽

Display：inline-block設(shè)置元素具有行級(jí)標(biāo)簽和塊級(jí)標(biāo)簽的屬性

.da dl dd p:nth-of-type(1)：當(dāng)dd下面的段落p有好幾個(gè)的時(shí)候，你有只想給第一個(gè)段落p加樣式的時(shí)候用到這個(gè)！??！

Float：浮動(dòng)

Z-index：層次 z-index：1比z-index：2 低一層

設(shè)置div半透明的代碼：opacity:0.7；

設(shè)置div溢出隱藏的代碼：overflow:hidden;

設(shè)置css的動(dòng)畫效果：transition: all 0.5s linear

設(shè)置css時(shí)圖片在div中同比例放大或者同比例縮小：transform: scale(1.1)