【简记】HTML CSS 的一些要点（不定时更新）
1.td占據(jù)多行 / 列時(shí)，其擠開(kāi)的 td 不寫(xiě)（但是包裹 td 的 tr 要寫(xiě)）
2. display:td 的元素中的文本默認(rèn)垂直不居中（table中的td中的文本是垂直居中的）
3.th雖然定義了表頭標(biāo)題，但是默認(rèn)不跨行（需要跨行要用colspan）
4.text-indent可以繼承
5.<form></form>是塊元素
6.<table></table>是塊元素，但寬度默認(rèn)不為其父元素的 width100%
7.當(dāng)td的寬度總合大于設(shè)定的table的寬度時(shí)，按table的寬度為準(zhǔn)
8.<label for=“name”>文本A</label> 其中for的值可以為name名和id名，其中name名來(lái)自于<a name="我可以有名字" id=“也可以有ID哦”></a>標(biāo)簽，id名來(lái)源于所有標(biāo)簽（<div>我只有id，最好不要給我名字哦</div>）
9.<body></body>是個(gè)很奇怪的元素，其默認(rèn)寬度為自適應(yīng)，而給其加背景色后又是全屏顯示！
10.單行文本垂直居中用? line-height，多行文本垂直居中用<span></span>包裹后，加樣式 vertical-align：middle；
11.同級(jí)元素中?溢出的文字會(huì)造成擠壓?，溢出的圖片和元素框不會(huì)擠壓同級(jí)元素
12.width / height = 100% 當(dāng)父元素未設(shè)置寬度時(shí)，就沒(méi)有寬度（不會(huì)向上尋找祖先元素）
13.固定寬度 / 固定高度 的布局方式不會(huì)在頁(yè)面被拉伸縮小時(shí)變形
14.文檔加載和渲染都是從上至下進(jìn)行的，所以CSS選擇器沒(méi)有向上選擇（兄元素，父元素，祖先元素）
15.color顏色屬性可繼承
16.inherit會(huì)讓子元素在指定CSS屬性上繼承父元素的值，若父元素沒(méi)設(shè)置值(如高度值)，并不會(huì)去繼承祖先元素的此屬性值（很多屬性是默認(rèn)不繼承的，如height，所以要給其加inherit使其繼承）
17.frame 和 body 不共存，iframe雖和body共存，但會(huì)出現(xiàn)一些問(wèn)題（網(wǎng)站排名上的和樣式渲染上的問(wèn)題）
18.border-radius中的值，填像素和填百分比形成的是不同的形狀。（50%會(huì)形成一個(gè)圓或橢圓，1/2height像素會(huì)形成一個(gè)膠囊）
19.一行的單元格不設(shè)置高度，又沒(méi)有內(nèi)容，table設(shè)置了高度也不分給它（還是我社會(huì)主義好啊！），希望其 tr 有 1 行的高度就在單元格里寫(xiě)個(gè)
20.td設(shè)定寬高度，table設(shè)定寬高度，但給td? padding（td不支持margin，但支持padding）會(huì)無(wú)限撐大table（若僅僅給td加大寬高屬性，則當(dāng)td合計(jì)寬高等于table設(shè)置的寬高時(shí)，再加大就無(wú)效了，實(shí)際上table寬高大于td實(shí)際寬高時(shí)，會(huì)把多的部分分配）
?
總結(jié)
以上是生活随笔為你收集整理的【简记】HTML CSS 的一些要点（不定时更新）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 初学者Web介绍一些前端开发中的基本概念
- 下一篇： 2017年最新基于Bootstrap 4