首頁 > web前端 > css教學 > HTML + CSS 的一些學習重點

HTML + CSS 的一些學習重點

一个新手
發布: 2017-10-23 09:34:31
原創
1696 人瀏覽過

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名和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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板