顏色值的設定在網頁中的顏色設定是非常重要,有字型顏色(color)、背景顏色(background-color)、邊框顏色(border)等,設定顏色的方法也有很多種:
1、英文命令顏色
前面幾個小節中經常用到的就是這種設定方法:
p2、rgb顏色
這個與 photoshop 中的 rgb 顏色是一致的,由 r(red)、g(green)、b(blue) 三種顏色的比例來配色。
p每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。如:
p3、十六進製制顏色
這種顏色設定方法是現在比較普遍使用的方法,其原理其實也是 rgb 設定,但是其每一項的值由 0-255 變成了十六進製制 00-ff。
p配色表(我知道你只會瞄一眼的!)
長度值設定長度單位總結一下,目前比較常用到px(畫素)、em、% 百分比,要注意其實這三種單位都是相對單位。
1、畫素
畫素為什麼是相對單位呢?因為畫素指的是顯示器上的小點(css規範中假設「90畫素=1英吋」)。實際情況是瀏覽器會使用顯示器的實際畫素值有關,在目前大多數的設計者都傾向於使用畫素(px)作為單位。
2、em //重點理解!
就是本元素給定字型的 font-size 值,如果元素的 font-size 為 14px ,那麼 1em = 14px;如果 font-size 為 18px,那麼 1em = 18px。如下**:
p上面**就是可以實現段落首行縮排 24px(也就是兩個字型大小的距離)。
下面注意乙個特殊情況:
但當給 font-size 設定單位為 em 時,此時計算的標準以 p 的父元素的 font-size 為基礎。如下**:
html:
以這個例子為例。css:
p結果 span 中的字型「例子」字型大小就為 11.2px(14 * 0.8 = 11.2px)。span
3、百分比
p設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。
3、百分比
p設定行高(行間距)為字型的130%(12 * 1.3 = 15.6px)。
CSS NO 9 顏色值和長度值
檔名 text.cpp 完成日期 2016年8月11日 版本號 v1.0 程式輸入 無 程式輸出 見執行結果 在網頁中的顏色設定是非常重要,有字型顏色 color 背景顏色 background color 邊框顏色 border 等,設定顏色的方法也有很多種 1 英文命令顏色 前面幾個小節中經常用...
CSS中的 顏色值 長度值
p 這個與 photoshop 中的 rgb 顏色是一致的,由 r red g green b blue 三種顏色的比例來配色。p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。如 p這種顏色設定方法是現在比較普遍使用的方法 其原理其實也是 rgb 設定,但是其每一項的值由...
rgb顏色設定方法及常用顏色的RGB值
1.android設定rgb顏色方法 每乙個rgb顏色都對應乙個int數值,所以我們可以這麼設定 private static final int default background color color.rgb 0,0,0 如何呼叫這個顏色值呢?比如我們要設定背景顏色,則可以使用 imagev...