dreamweaver_cs6_css樣式解釋.docVIP

Dreamweaver cs6中css屬性的解釋類型Font-family（文本字體）：選擇系統(tǒng)已有的字體根據(jù)規(guī)范優(yōu)先去選擇些大家的計(jì)算機(jī)都會(huì)有的，比如中文的微軟雅黑，黑體，宋體。Font-size（文本字號(hào)）：可以按照自己測(cè)需求來(lái)設(shè)置，最大設(shè)置到36像素，當(dāng)是自己還是可以輸入更大的像素值。Font-style：用到的也不多(1)normal - 文本正常顯示(2)italic - 文本斜體顯示(3)oblique - 文本傾斜顯示*斜體（italic）是一種簡(jiǎn)單的字體風(fēng)格，對(duì)每個(gè)字母的結(jié)構(gòu)有一些小改動(dòng)，來(lái)反映變化的外觀。與此不同，傾斜（oblique）文本則是正常豎直文本的一個(gè)傾斜版本作者覺(jué)得這個(gè)東西用到的更少，把斜體設(shè)置掉我倒是用過(guò)。Line-hight（行間距）：（我覺(jué)得最有用的一個(gè)方法是除了設(shè)置行高，當(dāng)行高等于區(qū)塊高度的時(shí)候，文本時(shí)垂直居中的，這個(gè)可以用來(lái)設(shè)置導(dǎo)航欄的文本垂直居中效果）normal默認(rèn)。設(shè)置合理的行間距。number設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。length設(shè)置固定的行間距。%基于當(dāng)前字體尺寸的百分比行間距。Text-decation(文本樣式):鏈接的時(shí)候用到很多none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線（下劃線）。overline 定義文本上的一條線（上劃線）。line-through定義穿過(guò)文本下的一條線（就是刪除線的效果的樣式標(biāo)簽替代）。blink定義閃爍的文本（其實(shí)我真的不知道這個(gè)是什么效果，知道的可以告訴我）。Font-weight（文本粗細(xì)）:一般就是沒(méi)有或者blod就可以normal默認(rèn)值。定義標(biāo)準(zhǔn)的字符。bold定義粗體字符。bolder定義更粗的字符。lighter定義更細(xì)的字符。100,200,300,400,500,600,700,800,900定義由粗到細(xì)的字符。400 等同于 normal，而 700 等同于 bold。Font-variant（我不知道有什么用）:normal默認(rèn)值。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。small-caps瀏覽器會(huì)顯示小型大寫(xiě)字母的字體。Text-tranform（大概就這么回事）:none默認(rèn)。定義帶有小寫(xiě)字母和大寫(xiě)字母的標(biāo)準(zhǔn)的文本。capitalize文本中的每個(gè)單詞以大寫(xiě)字母開(kāi)頭。uppercase定義僅有大寫(xiě)字母。lowercase定義無(wú)大寫(xiě)字母，僅有小寫(xiě)字母。Color（就是rgb色）:背景background-color設(shè)置元素的背景顏色。background-image把圖像設(shè)置為背景。background-repeat設(shè)置背景圖像是否及如何重復(fù)。repeat 默認(rèn)。背景圖像將在垂直方向和水平方向重復(fù)。repeat-x 背景圖像將在水平方向重復(fù)。repeat-y 背景圖像將在垂直方向重復(fù)。no-repeat 背景圖像將僅顯示一次。background-attachment背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。scroll 默認(rèn)值。背景圖像會(huì)隨著頁(yè)面其余部分的滾動(dòng)而移動(dòng)。（相對(duì)屏幕的位置移動(dòng)）fixed 當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)（相對(duì)屏幕的位置不動(dòng)）。background-position設(shè)置背景圖像的起始位置。（top lefttop centertop right）（center leftcenter centercenter right）（bottom leftbottom centerbottom right這個(gè)九大塊的定位應(yīng)該比下面的用的更多）如果您僅規(guī)定了一個(gè)關(guān)鍵詞，那么第二個(gè)值將是center。默認(rèn)值：0% 0%。x% y% 第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是 50%。xpos ypos 第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0 0。單位是像素 (0px 0px) 或任何其他的 CSS 單位。如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是50%。您可以混合使用 % 和 position 值。區(qū)塊：Word-spacing：定義單詞間距（“abc abc abc”這個(gè)效果）normal 默認(rèn)。定義單詞間的標(biāo)準(zhǔn)空間。length 定義單詞間的固定空間。Letter-spacing：定義字母間距（“a b c a b c ”這個(gè)效果，中文的字間距要用這個(gè)）normal 默認(rèn)。定義單詞間的標(biāo)準(zhǔn)空間。length 定義單詞間的固定空間。Vertical-align：定義元素和文字的位置關(guān)系baseline 默認(rèn)。元素放置在父元素的基線上。sub 垂直對(duì)齊文本的下標(biāo)。super 垂直對(duì)齊文本的上標(biāo)top 把元素的頂端與行中最高元素的頂端對(duì)齊text-top 把元素的頂端與父元素字體的頂端對(duì)齊middle 把此元素放置在父元素的中部。bottom 把元素的頂端與行中最低的元素的頂端對(duì)齊。text-bottom 把元素的底端與父元素字體的底端對(duì)齊。% 使用 line-height 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。Text-align：定義文字的位置（設(shè)置盒內(nèi)居中的效果可以用這個(gè)）left 把文本排列到左邊。默認(rèn)值：由瀏覽器決定。right 把文本排列到右邊。center 把文本排列到中間。justify 實(shí)現(xiàn)兩端對(duì)齊文本效果。Text-indent：首行縮進(jìn)只介紹個(gè)em，其余的自己試效果，em的大小就相當(dāng)于是目前流中的單字大小，所有中文的首行縮進(jìn)就是2emWrite-space：設(shè)置文本換行normal 默認(rèn)?？瞻讜?huì)被瀏覽器忽略。pre 空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 標(biāo)簽。nowrap 文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到 標(biāo)簽為止。pre-wrap 保留空白符序列，但是正常地進(jìn)行換行。pre-line 合并空白符序列，但是保留換行符。Display：none 此元素不會(huì)被顯示。block 此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。（我覺(jué)得除了塊級(jí)或者內(nèi)聯(lián)，其余的不知道有什么好用的呀，反正就是那些不能設(shè)計(jì)什么長(zhǎng)寬外邊距的，就打成塊就ok）inline 默認(rèn)。此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒(méi)有換行符。inline-block 行內(nèi)塊元素。（CSS2.1 新增的值）list-item 此元素會(huì)作為列表顯示。run-in 此元素會(huì)根據(jù)上下文作為塊級(jí)元素或內(nèi)聯(lián)元素顯示。compact CSS 中有值 compact，不過(guò)由于缺乏廣泛支持，已經(jīng)從 CSS2.1 中刪除。marker CSS 中有值 marker，不過(guò)由于缺乏廣泛支持，已經(jīng)從 CSS2.1 中刪除。table 此元素會(huì)作為塊級(jí)表格來(lái)顯示（類似 ），表格前后帶有換行符。inline-table 此元素會(huì)作為內(nèi)聯(lián)表格來(lái)顯示（類似 ），表格前后沒(méi)有換行符。table-row-group 此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 ）。table-header-group 此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 ）。table-footer-group 此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 ）。table-row 此元素會(huì)作為一個(gè)表格行顯示（類似 ）。table-column-group 此元素會(huì)作為一個(gè)或多個(gè)列的分組來(lái)顯示（類似 ）。table-column 此元素會(huì)作為一個(gè)單元格列顯示（類似 ）table-cell 此元素會(huì)作為一個(gè)表格單元格顯示（類似 和 ）table-caption 此元素會(huì)作為一個(gè)表格標(biāo)題顯示（類似 ）方框Width：固定寬度 height固定高度Float：浮動(dòng)方式Left：左浮動(dòng)Right：右浮動(dòng)Clear：清除浮動(dòng)left 在左側(cè)不允許浮動(dòng)元素。right 在右側(cè)不允許浮動(dòng)元素。both 在左右兩側(cè)均不允許浮動(dòng)元素。Padding：內(nèi)邊距 margin：外邊距（左右自動(dòng)邊距是設(shè)置塊居中）邊框Style：none 定義無(wú)邊框。hidden 與 none 相同。不過(guò)應(yīng)用于表時(shí)除外，對(duì)于表，hidden 用于解決邊框沖突。dotted 定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。dashed 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。solid 定義實(shí)線。double 定義雙線。雙線的寬度等于 border-width 的值。groove 定義 3D 凹槽邊框。其效果取決于 border-color 的值。ridge 定義 3D 壟狀邊框。其效果取決于 border-color 的值。inset 定義 3D inset 邊框。其效果取決于 border-color 的值。outset 定義 3D outset 邊框。其效果取決于 border-color 的值。列表List-style-type：定義列表的記號(hào)(通常都是把列表設(shè)置到none)none 無(wú)標(biāo)記。disc 默認(rèn)。標(biāo)記是實(shí)心圓。circle 標(biāo)記是空心圓。square 標(biāo)記是實(shí)心方塊。decimal 標(biāo)記是數(shù)字。decimal-leading-zero 0開(kāi)頭的數(shù)字標(biāo)記。(01, 02, 03, 等。)lower-roman 小寫(xiě)羅馬數(shù)字(i, ii, iii, iv, v, 等。)upper-roman 大寫(xiě)羅馬數(shù)字(I, II, III, IV, V, 等。)lower-alpha 小寫(xiě)英文字母The marker is lower-alpha (a, b, c, d, e, 等。)upper-alpha 大寫(xiě)英文字母The marker is upper-alpha (A, B, C, D, E, 等。)lower-greek 小寫(xiě)希臘字母(alpha, beta, gamma, 等。)lower-latin 小寫(xiě)拉丁字母(a, b, c, d, e, 等。)upper-latin 大寫(xiě)拉丁字母(A, B, C, D, E, 等。)hebrew 傳統(tǒng)的希伯來(lái)編號(hào)方式armenian 傳統(tǒng)的亞美尼亞編號(hào)方式georgian 傳統(tǒng)的喬治亞編號(hào)方式(an, ban, gan, 等。)cjk-ideographic 簡(jiǎn)單的表意數(shù)字hiragana 標(biāo)記是：a, i, u, e, o, ka, ki, 等。（日文片假名）katakana 標(biāo)記是：A, I, U, E, O, KA, KI, 等。（日文片假名）hiragana-iroha 標(biāo)記是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）katakana-iroha 標(biāo)記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）List-style-image：用圖片來(lái)顯示列表List-style-position：標(biāo)記的位置inside 列表項(xiàng)目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。Outside 默認(rèn)值。保持標(biāo)記位于文本的左側(cè)。列表項(xiàng)目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。定位：Position：absolute 生成絕對(duì)定位的元素fixed 生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。（可以用來(lái)設(shè)置浮動(dòng)的頁(yè)面上的元素）relative生成相對(duì)定位的元素static 默認(rèn)值。元素的位置通過(guò) left, top, right 以及 bottom 屬性進(jìn)行規(guī)定。這些屬性都是參考它的父親，就是上一個(gè)進(jìn)行過(guò)定位的Width和height的值用來(lái)設(shè)定這個(gè)區(qū)域的大小Visibility：visible 默認(rèn)值。元素是可見(jiàn)的。hidden 元素是不可見(jiàn)的。collapse當(dāng)在表格元素中使用時(shí)，此值可刪除一行或一列，但是它不會(huì)影響表格的布局。被行或列占據(jù)空間會(huì)留給其他內(nèi)容使用。如果此值被用在其他的元素上，會(huì)呈現(xiàn)為 hidden。z-index：auto默認(rèn)。堆疊順序與父元素相等。number設(shè)置元素的堆疊順序。Clip：這個(gè)屬性用于定義一個(gè)剪裁矩形。對(duì)于一個(gè)絕對(duì)定義元素，在這個(gè)矩形內(nèi)的內(nèi)容才可見(jiàn)。出了這個(gè)剪裁區(qū)域的內(nèi)容會(huì)根據(jù) overflow 的值來(lái)處理。剪裁區(qū)域可能比元素的內(nèi)容區(qū)大，也可能比內(nèi)容區(qū)小。分頁(yè)P(yáng)age-break-before：分頁(yè)auto 默認(rèn)值。如果必要?jiǎng)t在元素前插入分頁(yè)符。always 在元素前插入分頁(yè)符。avoid 避免在元素前插入分頁(yè)符。left 在元素之前足夠的分頁(yè)符，一直到一張空白的左頁(yè)為止。right 在元素之前足夠的分頁(yè)符，一直到一張空白的右頁(yè)為止。Page-break-after：視覺(jué)效果Cursor：鼠標(biāo)滑過(guò)這個(gè)區(qū)域的時(shí)候的光標(biāo)url需使用的自定義光標(biāo)的 URL。注釋：請(qǐng)?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo)，以防沒(méi)有由 URL 定義的可用光標(biāo)。default 默認(rèn)光標(biāo)（通常是一個(gè)箭頭）auto 默認(rèn)。瀏覽器設(shè)置的光標(biāo)。crosshair 光標(biāo)呈現(xiàn)為十字線。pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）有時(shí)候會(huì)用這個(gè)move 此光標(biāo)指示某對(duì)象可被移動(dòng)。e-resize 此光標(biāo)指示矩形框的邊緣可被向右（東）移動(dòng)。ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)（