css內(nèi)容樣式屬性

設(shè)置元素的最大高度、最小高度、最大寬度、最小寬度，用max-height、min-height、max-width、min-width。

visibility:設(shè)置元素是否可見(jiàn)。visible和hidden。

filter:alpha(opacity=70);-moz-opacity:0.7;-webkit-opacity: 0.7;-o-opacity: 0.7;-ms-opacity: 0.7;opacity: 0.7;

文本：

使用 text-indent 屬性，元素首行縮進(jìn)。一般來(lái)說(shuō)，適用于所有的塊級(jí)元素，但無(wú)法適用于行內(nèi)元素和類似于圖片這樣的元素?？梢杂?、固定值和負(fù)值、繼承（使用此值，父元素最好要padding相應(yīng)值）。

使用text-align屬性，會(huì)影響一個(gè)元素中的文本行互相之間的對(duì)齊方式。（塊級(jí)和表元素居中要使用外邊距實(shí)現(xiàn)）。left、right 、center和<center>（不僅影響文本，還會(huì)把整個(gè)元素居中）、justify(使文本的兩端都對(duì)齊，由用戶代理（而不是 CSS）來(lái)確定兩端對(duì)齊文本如何拉伸，不同瀏覽器拉伸定義不同，如果?letter-spacing 屬性指定為一個(gè)長(zhǎng)度值，“用戶代理不能進(jìn)一步增加或減少字符間的空間)、inherit（繼承）。

word-spacing 屬性可以改變字（單詞）之間的標(biāo)準(zhǔn)間隔。接受正值和負(fù)值。

letter-spacing 屬性，字母間隔修改的是字符或字母之間的間隔。

text-transform 屬性處理文本的大小寫(xiě)。none、uppercase(小寫(xiě)改為大寫(xiě))、lowercase(大寫(xiě)改為小寫(xiě))和capitalize(只對(duì)每個(gè)單詞的首字母大寫(xiě))。

text-decoration文本裝飾。none、underline(下劃線)、overline(上劃線)、line-through(貫穿線)、blink(閃爍)。text-decoration 值會(huì)替換而不是累積起來(lái)。 a:link a:visited {text-decoration: underline overline;}

white-space 屬性會(huì)影響到用戶代理對(duì)源文檔中的空格、換行和 tab 字符的處理。normal（如果給定這個(gè)值，換行字符（回車）會(huì)轉(zhuǎn)換為空格，一行中多個(gè)空格的序列也會(huì)轉(zhuǎn)換為一個(gè)空格）、nowrap（防止元素中的文本換行，除非使用了一個(gè) br 元素）、pre(瀏覽器將會(huì)注意額外的空格，甚至回車)、?pre-wrap （瀏覽器不僅會(huì)保留空白符并保留換行符，還允許自動(dòng)換行）和?pre-line（瀏覽器會(huì)保留換行符，并允許自動(dòng)換行，但是會(huì)合并空白符）。

direction 屬性影響塊級(jí)元素中文本的書(shū)寫(xiě)方向、表中列布局的方向、內(nèi)容水平填充其元素框的方向、以及兩端對(duì)齊元素中最后一行的位置。ltr 和 rtl兩個(gè)值。對(duì)于行內(nèi)元素，只有當(dāng)?unicode-bidi 屬性設(shè)置為 embed （這個(gè)值對(duì)于雙向算法會(huì)打開(kāi)附件的一層嵌套）或 bidi-override（會(huì)為行內(nèi)元素創(chuàng)建一個(gè)覆蓋） 時(shí)才會(huì)應(yīng)用 direction 屬性。

line-height設(shè)置行間距。百分比（100%為標(biāo)準(zhǔn)行高,即當(dāng)前字體尺寸。大多數(shù)瀏覽器中默認(rèn)行高大約是 110% 到 120%。）、像素值（大多數(shù)瀏覽器中默認(rèn)行高大約是 20px。）和數(shù)值（默認(rèn)行高大約是 1。1為標(biāo)準(zhǔn)行高。）、normal、inherit。不允許使用負(fù)值。

color:文本顏色

background-color:文本背景顏色。

背景：(background)CSS 允許應(yīng)用純色作為背景，也允許使用背景圖像創(chuàng)建相當(dāng)復(fù)雜的效果。

background-color?:設(shè)置背景色

background-image:把圖像放入背景。p.flower {background-image: url(/i/eg_bg_03.gif);}

background-repeat:在頁(yè)面上對(duì)背景圖像進(jìn)行平鋪。repeat、repeat-x、repeat-y、no-repeat、inherit。

background-position：改變圖像在背景中的位置?？梢允褂藐P(guān)鍵字、像素值、百分比、負(fù)值，可以混合使用 % 和 position 值。通常兩個(gè)值，一個(gè)水平方向，一個(gè)豎直方向。關(guān)鍵字：top、bottom、left、right 和 center（通常成對(duì)出現(xiàn)）。如果只出現(xiàn)一個(gè)值，那么第二值是center。像素值：規(guī)定了一個(gè)值，另一個(gè)值將是50%。百分比：左上角是 0% 0%。右下角是 100% 100%。規(guī)定了一個(gè)值，另一個(gè)值將是50%。

background-attachment:設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。scroll、fixed和inherit。

background-size:規(guī)定背景圖片的尺寸。

background-origin:規(guī)定背景圖片的定位區(qū)域。規(guī)定 background-position 屬性相對(duì)于什么位置來(lái)定位。padding-box(背景圖像相對(duì)于內(nèi)邊距框來(lái)定位)、border-box(相對(duì)于邊框盒來(lái)定位)和content-box(相對(duì)于內(nèi)容框來(lái)定位)。

background-clip：規(guī)定背景的繪制區(qū)域。border-box(背景被裁剪到邊框盒)、padding-box(被裁剪到內(nèi)邊距框)和content-box(被裁剪到內(nèi)容框)。

輪廓：（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。

outline-color：設(shè)置輪廓的顏色。

outline-width：設(shè)置輪廓的寬度。

outline-style：設(shè)置輪廓的樣式。輪廓線不會(huì)占據(jù)空間，也不一定是矩形。

none	默認(rèn)。定義無(wú)輪廓。
dotted	定義點(diǎn)狀的輪廓。
dashed	定義虛線輪廓。
solid	定義實(shí)線輪廓。
double	定義雙線輪廓。雙線的寬度等同于 outline-width 的值。
groove	定義 3D 凹槽輪廓。此效果取決于 outline-color 值。
ridge	定義 3D 凸槽輪廓。此效果取決于 outline-color 值。
inset	定義 3D 凹邊輪廓。此效果取決于 outline-color 值。
outset	定義 3D 凸邊輪廓。此效果取決于 outline-color 值。
inherit	規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置。

字體：

font-family:

• 兩種不同類型的字體系列名稱:
  • 通用字體系列 - 擁有相似外觀的字體系統(tǒng)組合（比如 "Serif" 或 "Monospace"\Sans-serif \Cursive\Fantasy）
  • 特定字體系列 - 具體的字體系列（比如 "Times" 或 "Courier"\Georgia?）
  • 兩種字體結(jié)合解決用戶代理上沒(méi)有安裝字體的問(wèn)題，font-family: Times, TimesNR, 'New Century Schoolbook',?Georgia, 'New York', serif;按順序優(yōu)先使用。
• 最常用的三種類型：直接中文；英文形式；unicode碼；

中文名英文名UnicodeWindowsMac OS

*?宋體	?SimSun	??\5B8B\4F53
*?黑體	?SimHei	??\9ED1\4F53
*?微軟雅黑	?Microsoft YaHei	??\5FAE\8F6F\96C5\9ED1
微軟正黑體	?Microsoft JhengHei	??\5FAE\x8F6F\6B63\9ED1\4F53
新宋體	?NSimSun	??\65B0\5B8B\4F53
新細(xì)明體	?PMingLiU	??\65B0\7EC6\660E\4F53
細(xì)明體	?MingLiU	??\7EC6\660E\4F53
標(biāo)楷體	?DFKai-SB	??\6807\6977\4F53
仿宋	?FangSong	??\4EFF\5B8B
楷體	?KaiTi	??\6977\4F53
仿宋_GB2312	?FangSong_GB2312	??\4EFF\5B8B_GB2312
楷體_GB2312	?KaiTi_GB2312	??\6977\4F53_GB2312
*?華文細(xì)黑	?STHeiti Light [STXihei]	??\534E\6587\7EC6\9ED1
*?華文黑體	?STHeiti	??\534E\6587\9ED1\4F53
華文楷體	?STKaiti	??\534E\6587\6977\4F53
華文宋體	?STSong	??\534E\6587\5B8B\4F53
華文仿宋	?STFangsong	??\534E\6587\4EFF\5B8B
麗黑 Pro	?LiHei Pro Medium	??\4E3D\9ED1 Pro
麗宋 Pro	?LiSong Pro Light	??\4E3D\5B8B Pro
標(biāo)楷體	?BiauKai	??\6807\6977\4F53
蘋(píng)果麗中黑	?Apple LiGothic Medium	??\82F9\679C\4E3D\4E2D\9ED1
蘋(píng)果麗細(xì)宋	?Apple LiSung Light	??\82F9\679C\4E3D\7EC6\5B8B

font-style 屬性最常用于規(guī)定斜體文本。

• normal - 文本正常顯示
• italic - 文本斜體顯示。一種簡(jiǎn)單的字體風(fēng)格，對(duì)每個(gè)字母的結(jié)構(gòu)有一些小改動(dòng)，來(lái)反映變化的外觀。
• oblique - 文本傾斜顯示。正常豎直文本的一個(gè)傾斜版本。

font-variant 屬性可以設(shè)定小型大寫(xiě)字母。

font-weight 屬性設(shè)置文本的粗細(xì)。normal(400)、bold(700)、bolder、?lighter、inherit和數(shù)值（關(guān)鍵字 100 ~ 900 為字體指定了 9 級(jí)加粗度）。

font-size 屬性設(shè)置文本的大小?？梢允墙^對(duì)或相對(duì)值。普通文本（比如段落）的默認(rèn)大小是 16 像素 (16px=1em)。為了在所有瀏覽器中，可以顯示相同的文本大小，并允許所有瀏覽器縮放文本的大小，使用百分比和em結(jié)合的方式，body{font-size:100%;}h1{font-size:3.75em}。

鏈接：a:link，a:visited,a:hover,a:active

列表：（list-style）允許你放置、改變列表項(xiàng)標(biāo)志，或者將圖像作為列表項(xiàng)標(biāo)志。

?list-style-image：對(duì)各標(biāo)志使用一個(gè)圖像。值為url('/images/blueball.gif')。始終規(guī)定一個(gè) "list-style-type" 屬性以防圖像不可用。

list-style-position ：設(shè)置在何處放置列表項(xiàng)標(biāo)記。

side	列表項(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ì)齊。
inherit	規(guī)定應(yīng)該從父元素繼承 list-style-position 屬性的值。

list-style-type:設(shè)置列表項(xiàng)標(biāo)記的類型。

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, 等。（日文片假名）

?表格：

border-spacing ：設(shè)置相鄰單元格的邊框間的距離（僅用于“邊框分離”模式separate）。如果定義一個(gè)?length?參數(shù)，那么定義的是水平和垂直間距。如果定義兩個(gè)?length?參數(shù)，那么第一個(gè)設(shè)置水平間距，而第二個(gè)設(shè)置垂直間距。不允許使用負(fù)值。

caption-side ：設(shè)置表格標(biāo)題的位置。top和bottom。

empty-cells ：設(shè)置是否顯示表格中的空單元格（僅用于“分離邊框”模式）。hide和show。

tableLayout ：用來(lái)顯示表格單元格、行、列的算法規(guī)則。automatic（默認(rèn)。列寬度由單元格內(nèi)容設(shè)定）和fixed（列寬由表格寬度和列寬度設(shè)定）。固定布局算法比較快，但是不太靈活，而自動(dòng)算法比較慢，不過(guò)更能反映傳統(tǒng)的 HTML 表。

border-collapse ：設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框。

separate	默認(rèn)值。邊框會(huì)被分開(kāi)。不會(huì)忽略 border-spacing 和 empty-cells 屬性。
collapse	如果可能，邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性。

display:規(guī)定元素應(yīng)該生成的框的類型。

none	此元素不會(huì)被顯示。
block	此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。
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)顯示（類似 <table>），表格前后帶有換行符。
inline-table	此元素會(huì)作為內(nèi)聯(lián)表格來(lái)顯示（類似 <table>），表格前后沒(méi)有換行符。
table-row-group	此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <tbody>）。
table-header-group	此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <thead>）。
table-footer-group	此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <tfoot>）。
table-row	此元素會(huì)作為一個(gè)表格行顯示（類似 <tr>）。
table-column-group	此元素會(huì)作為一個(gè)或多個(gè)列的分組來(lái)顯示（類似 <colgroup>）。
table-column	此元素會(huì)作為一個(gè)單元格列顯示（類似 <col>）
table-cell	此元素會(huì)作為一個(gè)表格單元格顯示（類似 <td> 和 <th>）
table-caption	此元素會(huì)作為一個(gè)表格標(biāo)題顯示（類似 <caption>）
inherit	規(guī)定應(yīng)該從父元素繼承 display 屬性的值。

媒介類型:(Media Types)允許你定義以何種媒介來(lái)提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽(tīng)覺(jué)瀏覽器等等。

　　@media 規(guī)則使你有能力在相同的樣式表中，使用不同的樣式規(guī)則來(lái)針對(duì)不同的媒介。

　　@media screen{p.test {font-family:verdana,sans-serif; font-size:14px}}

　　注釋：媒介類型名稱對(duì)大小寫(xiě)不敏感。

媒介類型描述

all	用于所有的媒介設(shè)備。
aural	用于語(yǔ)音和音頻合成器。
braille	用于盲人用點(diǎn)字法觸覺(jué)回饋設(shè)備。
embossed	用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。
handheld	用于小的手持的設(shè)備。
print	用于打印機(jī)。
projection	用于方案展示，比如幻燈片。
screen	用于電腦顯示器。
tty	用于使用固定密度字母柵格的媒介，比如電傳打字機(jī)和終端。
tv	用于電視機(jī)類型的設(shè)備。

posted on 2014-09-18 09:08 玲兒靈 閱讀(...) 評(píng)論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/jymz/p/3970356.html

總結(jié)

以上是生活随笔為你收集整理的css内容样式属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。