畫素px是在寫網頁中最常用的單位，是相對於螢幕解析度而言
相對於html根元素字型大小，如果沒有設定根元素字型大小，則相對於預設大小16px。可以理解為是html字型大小的多少倍
相對於父元素的字型大小。如當前父元素的字型尺寸未設定，則相對於瀏覽器的預設字型尺寸。可以理解為是父元素字型大小的多少倍
vw是相對視口（viewport）的寬度而定的，長度等於視口寬度的1/100
vh是相對視口（viewport）的高度而定的，長度等於視口高度的1/100
一般來說，是相對於父元素。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
html
style
>
head
>
>
src=
"text.js"
>
script
>
>
我愛你p
>
style
="font-size
: 15px;
">
我愛你p
>
style
="font-size
:1.5rem;
">
我愛你p
>
style
="font-size
: 1.5rem;
">
我style
="font-size
: 0.5em;
">
愛span
>
你p>
style
="font-size
: 2vw;
">
我愛你p
>
style
="font-size
: 2vh;
">
我愛你p
>
style
="font-size
: 50%;
">
我愛你p
>
body
>
html
>
Css單位px，rem，em，vw，vh的區別
px就是pixel畫素的縮寫，相對長度單位，網頁設計常用的基本單位。畫素px是相對於顯示器螢幕解析度而言的。電腦畫素是1024x768的，表示的是水平方向是1024個畫素點，垂直方向是768個畫素點。rem是css3新增的乙個相對單位，rem是相對於html根元素的字型大小 font size 來計...
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
CSS中引入CSS樣式的方法
html宣告標籤 定義和用法 宣告必須是html文件的第一行，位於標籤之前。宣告不是html標籤 他是指示web瀏覽器關於頁面使用哪個html版本進行編寫的指令 在html4.0中，宣告引用dtd，因為html4.01基於sgml。dtd規定了標記語言的則 這樣瀏覽器才能正確的呈現內容。html5不...