CSS語言基礎(chǔ)

時(shí)間：2023-02-13 00:15:01 | 來源：營銷百科

時(shí)間：2023-02-13 00:15:01 來源：營銷百科

CSS語言基礎(chǔ)：屬性

屬性的名字是一個(gè)合法的標(biāo)識符，它們是CSS語法中的關(guān)鍵字。一種屬性規(guī)定了格式修飾的一個(gè)方面。例如：color是文本的顏色屬性，而text-indent則規(guī)定了段落的縮進(jìn)。

要掌握一個(gè)屬性的用法，有六個(gè)方面需要了解。具體敘述如下：

①該屬性的合法屬性值（legal value）。顯然段落縮進(jìn)屬性text-indent只能賦給一個(gè)表示長度的值，而表示背景圖案的background．image屬性則應(yīng)該取一個(gè)表示圖片位置鏈接的值或者是關(guān)鍵字none表示不用背景圖案。

②該屬性的默認(rèn)值（initial value）。當(dāng)在樣式表單中沒有規(guī)定該屬性，而且該屬性不能從它的父級元素那兒繼承的時(shí)候，則瀏覽器將認(rèn)為該屬性取它的默認(rèn)值。

③該屬性所適用的元素（Applies to）。有的屬性只適用于某些個(gè)別的元素，比如white-space屬性就只適用于塊級元素。white-space屬性可以取normal、pre和nowrap三個(gè)值。當(dāng)取normal的時(shí)候，瀏覽器將忽略掉連續(xù)的空白字符，而只顯示一個(gè)空白字符。當(dāng)取pre的時(shí)候，則保留連續(xù)的空白字符。而取nowrap的時(shí)候，連續(xù)的空白字符被忽略，而且不自動換行。

④該屬性的值是否被下一級繼承（inherited）。

⑤如果該屬性能取百分值（percentage），那么該百分值將如何解釋。也就是百分值所相對的標(biāo)準(zhǔn)是什么。如margin屬性可以取百分值，它是相對于margin所存元素的容器的寬度。

⑥該屬性所屬的媒介類型組（media groups）。

屬性值

①整數(shù)和實(shí)數(shù)

這和普通意義上的整數(shù)和實(shí)數(shù)沒有多大區(qū)別。在CSS中只能使用浮點(diǎn)小數(shù)，而不能像其他編程語言那樣使用科學(xué)記數(shù)法表示實(shí)數(shù)，即1.2E3在CSS中將是不合法的。下面是幾個(gè)正確的例子，整數(shù)：128、-313，實(shí)數(shù)：12.20、1415、-12.03。

②長度量

一個(gè)長度量由整數(shù)或?qū)崝?shù)加上相應(yīng)的長度單位組成。長度量常用來對元素定位。而定位分為絕對定位和相對定位，因而長度單位也分為相對長度單位和絕對長度單位。

相對長度單位有：em——當(dāng)前字體的高度，也就是font.size屬性的值；ex——當(dāng)前字體中小寫字母x的高度；Dx——一個(gè)像素的長度，其實(shí)際的長度由顯示器的設(shè)置決定，比如在800木600的設(shè)置下，一個(gè)像素的長度就等于屏幕的寬度除以800。

另一一點(diǎn)值得注意的是，子級元素不繼承父級元素的相對長度值，只繼承它們的實(shí)際計(jì)算值。

③百分?jǐn)?shù)量（percentages）

百分?jǐn)?shù)量就是數(shù)字加上百分號。顯然，百分?jǐn)?shù)量總是相對的，所以和相對長度量一樣，百分?jǐn)?shù)量不被子級元素繼承。