文檔流
內(nèi)聯(lián)元素
- 從左到右依次排列
- 如果寬度不夠,自動換行
塊級元素
- 從上到下依次排列
- 每個塊級元素會另起一行
如何在HTML引入CSS盏筐?
外聯(lián)式
<link rel="stylesheet" href="">
內(nèi)聯(lián)式
<style></style>
嵌入式
標簽內(nèi)style=" "
JS添加css
css里添加css
@import url()
語法
- 樣式規(guī)則
選擇器{
屬性:屬性值围俘;/冒號不能錯,分號不能省琢融,最后一個可以/
} - at規(guī)則
@charset 'utf-8'
@import url(地址) / "地址"
值(CSS 2.1)
- 整數(shù)和小數(shù)(line-height可以height不可以)
- 長度
相對長度
1em近似1M的寬度界牡,M寬度由fontsize控制
絕對長度
1px由屏幕分辨率1920*1080決定,顯示屏幕1920分之一
CSS3相對單位:50vw(viewport視口50%寬度)漾抬、50vh(viewport視口50%高度)
補充
國外網(wǎng)站CSS宿亡,查詢屬性值有哪些瀏覽器可以用
canluse.com