CSS樣式 顏色和尺寸

color

background-color: rgb(0, 255, 0);

background-color: rgba(0, 255, 0, 0.5);

background-color: hsl(240, 50%, 50%);

background-color: hsla(240, 100%, 50%,0.5);

background-color: lime;

hsl函式中，第乙個引數色調，取值是0-360之間，0是紅色，120是綠色，240是藍色

第二個引數是飽和度，0-100%,0% 意味著灰色，而 100% 是全彩，越來越飽和
第三個引數是亮度，0-100%,0% 意味著黑色，而 100% 是白色,越來越亮

1.絕對單位 px mm cm in

2.相對單位

em(1em=16px,可根據網頁字型大小發生變化)

rem(1rem=16px)

3.百分比

div

CSS 尺寸 樣式屬性

百分比 in 英吋 cm 厘公尺 mm 公釐 pt 磅 1pt等於1 72英吋 px 畫素 計算機螢幕上的乙個點 em 1em等於當前的字型尺寸，2em等於當前字型尺寸的兩倍，繼承父級元素的字型大小 rem 與em類似，但是相對於根元素設定字型尺寸的倍數 樣式表中 html div p html文件...

CSS中尺寸及顏色

1.css中的尺寸 相對尺寸 所佔父元素的百分比 如 divpx 畫素，指螢幕上的乙個點 如div em 倍率，表示標準字型大小的倍率 如 div絕對尺寸 在螢幕上使用的web頁面尺寸幾乎不用絕對尺寸 cm 厘公尺 mm 公釐 in 英吋 pt 磅 72磅 1英吋 2.css中的顏色 1 英文本元表...

CSS顏色 基本樣式

1.指定顏色的幾種方式 顏色名稱 預定義 跨瀏覽器的顏色名稱 rgb 即是代表紅 綠 藍，以這三種顏色拼出的 rgba 前面三位 rgb 和上面一樣，最後一位代表了透明度，這裡是 0.5 的透明度 十六進製制 hsl色彩 hsla顏色 hsl色彩 ie9,firefox,chrome,safari,...