HTML + CSS 的一些學習重點

1.td佔據多行/ 列時，其擠開的td 不寫（但是包裹td 的tr 要寫）

2. display:td 的元素中的文字預設垂直不居中（ table中的td中的文字是垂直居中的）

3.th雖然定義了表頭標題，但是預設不跨行（需要跨行要用colspan）

4.text-indent可以繼承

5.

是區塊元素

6.

是區塊元素，但寬度預設不為其父元素的width100%

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

8.for=“ name”>文字A 其中for的值可以是name名和id名，其中name名來自我可以有名字" id=“也可以有ID哦」>標籤，id名來自所有標籤（

我只有id，最好不要給我名字哦< /p>）

9.是個很奇怪的元素，其預設寬度為自適應，而給其加背景色後全螢幕顯示！

10.單行文字垂直居中用  line-height，多行文字垂直居中用包裹後，加上樣式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設定了高度也不分給它（還是我社會主義好啊！ #td不支援margin，但支援padding

）會無限撐大table（若僅給td加大寬高屬性，則當

td合計寬高等於table設定的寬高時，再加大就無效了，實際上table寬高大於td實際寬高時，會把多的部分分配）

以上是HTML + CSS 的一些學習重點的詳細內容。更多資訊請關注PHP中文網其他相關文章！