HTML + CSS 的一些學習要點

來源:互聯網
上載者:User
1.td佔據多行 / 列時,其擠開的 td 不寫(但是包裹 td 的 tr 要寫)

2. display:td 的元素中的文本預設垂直不置中(table中的td中的文本是垂直置中的)

3.th雖然定義了表頭標題,但是預設不跨行(需要跨行要用colspan)

4.text-indent可以繼承

5.<form></form>是塊元素

6.<table></table>是塊元素,但寬度預設不為其父元素的 width100%

7.當td的寬度總合大於設定的table的寬度時,按table的寬度為準

8.<label for=“name”>文本A</label> 其中for的值可以為name名和id名,其中name名來自於<a name="我可以有名字" id=“也可以有ID哦”></a>標籤,id名來源於所有標籤(<p>我只有id,最好不要給我名字哦</p>)

9.<body></body>是個很奇怪的元素,其預設寬度為自適應,而給其加背景色後又是全螢幕顯示!

10.單行文本垂直置中用 line-height,多行文本垂直置中用<span></span>包裹後,加樣式 vertical-align:middle;

11.同級元素中 溢出的文字會造成擠壓 ,溢出的圖片和元素框不會擠壓同級元素

12.width / height = 100% 當父元素未設定寬度時,就沒有寬度(不會向上尋找祖先元素)

13.固定寬度 / 固定高度 的布局方式不會在頁面被展開縮小時變形

14.文檔載入和渲染都是從上至下進行的,所以CSS選取器沒有向上選擇(兄元素,父元素,祖先元素)

15.color顏色屬性可繼承

16.inherit會讓子項目在指定CSS屬性上繼承父元素的值,若父元素沒設定此值,並不會去繼承祖先元素的此屬性值(很多屬性是預設不繼承的,如height,所以要給其加inherit使其繼承)

17.frame 和 body 不共存,iframe雖和body共存,但會出現一些問題(網站排名上的和樣式渲染上的問題)

18.border-radius中的值,填像素和填百分比形成的是不同的形狀。(50%會形成一個圓或橢圓,1/2height像素會形成一個膠囊)

19.一行的儲存格不設定高度,又沒有內容,table設定了高度也不分給它(還是我社會主義好啊!),希望其有一行的高度就在儲存格裡寫個&nbsp;

20.td設定寬高度,table設定寬高度,但給td padding(td不支援margin,但支援padding)會無限撐大table(若僅僅給td加大寬高屬性,則當td合計寬高等於table設定的寬高時,再加大就無效了,實際上table寬高大於td實際寬高時,會把多的部分分配)

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.