【简记】HTML CSS 的一些要点(不定时更新)
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實際寬高時,會把多的部分分配)
?
總結
以上是生活随笔為你收集整理的【简记】HTML CSS 的一些要点(不定时更新)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 初学者Web介绍一些前端开发中的基本概念
- 下一篇: 前端HTML以及HTML5(基本标签)