CSS--值和單位

靜逸發表於2015-05-23
CSS

等價顏色表

什麼叫Web安全色

所謂的“web安全”顏色是指在256色計算機系統上總能避免抖動的顏色。

Web安全顏色可以表示為RGB值為20%和51（相應的十六進位制值為33）的倍數。

如果使用RGB百分數，要讓所有這3個分量都要麼是0%，要麼是一個能被20整數的數

同理，如果是使用0~255範圍的RGB值，則各分量值要麼是0要麼是能被51整數的數。

如果是採用十六進位制記法，，使用值00、33、66、99、CC和FF的三元組才是Web安全顏色。

絕對長度單位

有5種絕對長度單位。英寸（in）、釐米（cm）、毫米（mm）、點（pt）、派卡（pc）

英寸：美國尺子上的單位

釐米：全世界尺子上的單位。1in=2.54cm     1cm=0.394in

毫米：10mm=1cm      1in=25.4mm   1mm=0.0394in

點：點是一個標準的印刷度量單位    1英寸是72點（舉例來說如果文字的首字母設定為12點，就相當於1英寸的1/6高）

派卡：1派卡相當於12點，6派卡等於1英寸

相對長度單位

相對單位：根據與其它事物的關係來度量，共有3種相對長度單位：em,ex,px

其中，em代表em-height 、ex代表x-height、px代表畫素。

一個em定義為一種給定字型的font-size值。（舉例說明：如果一個元素的font-size為14畫素，那麼對於該元素而言1em就等於14畫素）

在設定字型大小的時候，em的值會相對於父元素的字型大小改變。

ex是指所用字型中小寫x的高度，但這只是理論，一般的1ex=0.5em

之所以畫素是相對長度，是因為顯示器上的小色框是畫素。在列印的時候，1px可能要使用96ppi參考畫素。

em是最靈活的，因為它隨字型大小縮放，所以元素和元素操作都能更為一致。

零散卻很有用的css小知識

1、在CSS中，相對URL要相對於樣式表本身，而不是相對於使用該樣式表的HTML文件

2、使用background:url(圖片路徑),注意這裡url和開始括號之間不能有空格，如果存在空格，整個宣告都將無效，以至於被忽略。

3、inherit是所有屬性共有的一個關鍵字,使一個屬性的值與其父元素的值相同

<head>
    <style type="text/css">
        #toolbar {
            background: blue;
            color: white;
        }
            #toolbar a {
                color: inherit; /*只有加上了這句話之後 a連結的顏色才為白色  否則就為預設瀏覽器設定的藍色*/
            }
    </style>
</head>
<body>
    <div id="toolbar">
        <a href="'#">one</a>|
        <a href="#">two</a>|
        <a href="#">trhee</a>
    </div>
</body>

CSS2單位

1、角度值：度(deg)、梯度(grad)、弧度(rad)  無論如何宣告，這些值都會解釋為0~360範圍內的度數。如：-90deg=270deg

2、時間值：毫秒(ms)、秒(s)

3、頻率值：赫茲(Hz)、兆茲(Mhz)   值後面的標籤Hz或Mhz不區分大小寫

相關文章