網站制作的CSS樣式屬性值
作者：佚名 時間：2014-03-12 分享到：
網站的CSS樣式屬性
CSS規(guī)范的核心是眾多屬性，使用這些屬性便可以控制能夠識別樣式的瀏覽器如何向用戶展現文檔。該標準將網站的這些屬性收集在一起分為6組：字體、顏色和背景、文本、框和布局、列表以及標簽分類。我們制作網站時將繼續(xù)遵照這種分類，在介紹這些屬性本身之前，要先看一下樣式屬性值。
樣式屬性值：
多數屬性都為文檔的某種特征設定了一個值，由瀏覽器將其表現出來;例如，某字體字符的大小，或二級標題的顏色等。描述樣式語法時，在屬性的關鍵字后面使用冒號（:）和一個或多個用空格或逗號分隔的數字，或者跟隨與值相關的關鍵字，就可以為CSS屬性賦值。例如：
color: bluefont-family: Helvetica, Univers, sans-serifcolor和font-family是這兩個樣式示例中的屬性；blue和各種用逗號分隔的字體名稱分別是它們的值。
屬性值共有8類：關鍵字、長度值、百分比值、URL、顏色、角度、時間和頻率。
關鍵詞屬性值
屬性可能會有一個表示動作或方向的keyword值。例如，underline和line-through的效果明顯為屬性值。small和xx-large等關鍵字也可以用來表示屬性尺寸。一些關鍵字甚至是相關的：例如，bolder值也可以用于font-weight屬性。關鍵字值對大小定并不敏感：Underline,UNDERLINE和underline都是可接受的關鍵字值。
長度屬性值
長度屬性值
所謂length(長度)值（CSS標準的術語）明確設定了屬性的大小。它們也是數字，其中有些還帶有小數。長度值的前面可能會有一個加號（+）或減號（-），來表示這個值是要添加到屬性的當前值中，不是要從中減去該值。長度值后面必須緊隨一個以兩個字母為單位的縮寫詞，而且中間不能有空格。長度值單位共有三種：相對、像素和絕對。相對單位指定的大小是相對于內容中其他某些屬性值的大小而言的。目前只有兩中相對單位；em,它是當前字體中小寫字母的寬度；X-height，它是當前字體中小寫字母X的高度（縮寫為ex）。
像素是彩色光形成的小圓點，它們組成了計算機顯示屏上的屏幕文字和圖像，以及電視上的圖像。像素單位簡寫為px，它等于一個像素的大小，所以可以通過橫豎所用的像素來表示某些屬性的大小。
絕對屬性值單位對我們所有人來說則更為熟悉。其中包括英寸（縮寫為in）、厘米（cm）、毫米（mm）、磅（pt,1英寸的72分之一）和picas(pc，12磅)。
百分比屬性值
與相對長度值類似，百分比數值描述的是相對于內容其他方面的比例。它有一個可選符號，說明它可以添加到該屬性的當前值中，或者從中減去該值；當前數字值還可以有小數部分。百分比數值必須有百分號（%）后綴。例如：
line-height: 120%
這行代碼表示行間距為目前行高的120%（通常相對于文字的字體高度而言）。注意這個值不是動態(tài)的；在瀏覽器已經處理這條規(guī)則后，對字體高度的改變不會影響計算好的行高。
url屬性值
有些屬性也可以接受將URL作為值，除非特別說明。CSS的URL屬性值所有的語法與用于HTML/XHTMl的語法不同；
url(serevice:server.com/pathname)
使用css屬性時，關鍵字url是必需的，開始和結束的圓括號也是必需的。在url和開始括號之間不要留有空格。url值可以包含一個絕對url，也可以是一個相對url。然而，要注意url相對于樣式表的url。這表示如果在文檔級和內聯樣式中使用url值，url就相對于包含樣式文檔的上HTML文檔。否則，url就相對于@import 或鏈接的外部樣式表的URL。
顏色屬性值
顏色值指定了屬性中的顏色。我們可以像HTMl/XHTML普通屬性中一樣，將顏色指定為顏色名或十六進制RGB組合，或者指定為專用樣式屬性的十進制RGB組合。
在使用CSS時，也可以為某種顏色的紅、綠、藍（RGB）成分只分配一個十六進制數字，而不是兩個數字。然后加倍使用該數字便可以創(chuàng)建一個常規(guī)的6個數字組合。這樣，顏色#78與#7788cc就是等同的。總體來說，三個數字的顏色值僅適用于簡單的顏色。
十進制RGB組合符號則是獨一無二的：
rgb(red,green,blue)red、green和blue亮度值是0~255范圍內的十進制整數或整數百分數。與URL值一樣，在rgb和開始括號之間不要留任何空格。例如，在十進制RGB約定中，白色是rgb（255，255，255）或者rgb(100%,100%,100%),中黃色是rgb(127,127,0)或者rgb(50%,50%,0)。
角度、時間和頻率屬性值
少數屬性需要某個值來表示角度，如指南針的指向。這些屬性采用的是數字值，其后跟有單位deg（度）、grad(等級)或rad（弧度）。同樣，將時間值也表示為數字，其后跟隨ms（毫秒）或s（second，秒）單位。
最后，頻率值是其后跟有Hz（赫茲）或KHZ(千赫茲)的數值。有趣的是，沒有相應的mHz（兆赫茲）單位，因為css中的頻率指的是音頻（不是電視）、視頻廣播或其他電磁波頻率。（本文由上海聯楷建網站公司提供）
如沒特殊注明，文章均為上海聯楷網絡原創(chuàng),轉載請注明來自：http://www.ktcbnqb.cn/contact/20151229/n7332.html
