1.td占據多行 / 列時,其擠開的 td 不寫(但是包裹 td 的 tr 要寫) 2. display:td 的元素中的文本預設垂直不居中(table中的td中的文本是垂直居中的) 3.th雖然定義了表頭標題,但是預設不跨行(需要跨行要用colspan) 4.text-indent可以繼承 5.< ...
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名來源於所有標簽(<div>我只有id,最好不要給我名字哦</div>)
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設置了高度也不分給它(還是我社會主義好啊!),希望其 tr 有 1 行的高度就在單元格裡寫個
20.td設定寬高度,table設定寬高度,但給td padding(td不支持margin,但支持padding)會無限撐大table(若僅僅給td加大寬高屬性,則當td合計寬高等於table設置的寬高時,再加大就無效了,實際上table寬高大於td實際寬高時,會把多的部分分配)