CSS屬性大全

一CSS文字屬性:

color:#999999;/*文字顏色*/

font-family:宋體,sans-serif;/*文字字體*/

font-size:9pt;/*文字大小*/

font-style:itelic;/*文字斜體*/

font-variant:small-caps;/*小字體*/

letter-spacing:1pt;/*字間距離*/

line-height:200%;/*設(shè)置行高*/

font-weight:bold;/*文字粗體*/

vertical-align:sub;/*下標(biāo)字*/

vertical-align:super;?/*上標(biāo)字*/

text-decoration:line-through;?/*加刪除線*/

text-decoration:?overline;?/*加頂線*/

text-decoration:underline;?/*加下劃線*/

text-decoration:none;?/*刪除鏈接下劃線*/

text-transform?:?capitalize;?/*首字大寫(xiě)*/

text-transform?:?uppercase;?/*英文大寫(xiě)*/

text-transform?:?lowercase;?/*英文小寫(xiě)*/

text-align:right;?/*文字右對(duì)齊*/

text-align:left;?/*文字左對(duì)齊*/

text-align:center;?/*文字居中對(duì)齊*/

text-align:justify;?/*文字分散對(duì)齊*/

vertical-align屬性

vertical-align:top;?/*垂直向上對(duì)齊*/

vertical-align:bottom;?/*垂直向下對(duì)齊*/

vertical-align:middle;?/*垂直居中對(duì)齊*/

vertical-align:text-top;?/*文字垂直向上對(duì)齊*/

vertical-align:text-bottom;?/*文字垂直向下對(duì)齊*/

二、CSS邊框空白

padding-top:10px;?/*上邊框留空白*/

padding-right:10px;?/*右邊框留空白*/

padding-bottom:10px;?/*下邊框留空白*/

padding-left:10px;?/*左邊框留空白*/

三、CSS符號(hào)屬性:

list-style-type:none;?/*不編號(hào)*/

list-style-type:decimal;?/*阿拉伯?dāng)?shù)字*/

list-style-type:lower-roman;?/*小寫(xiě)羅馬數(shù)字*/

list-style-type:upper-roman;?/*大寫(xiě)羅馬數(shù)字*/

list-style-type:lower-alpha;?/*小寫(xiě)英文字母*/

list-style-type:upper-alpha;?/*大寫(xiě)英文字母*/

list-style-type:disc;?/*實(shí)心圓形符號(hào)*/

list-style-type:circle;?/*空心圓形符號(hào)*/

list-style-type:square;?/*實(shí)心方形符號(hào)*/

list-style-image:url(/dot.gif);?/*圖片式符號(hào)*/

list-style-position:?outside;?/*凸排*/

list-style-position:inside;?/*縮進(jìn)*/

四、CSS背景樣式:

background-color:#F5E2EC;?/*背景顏色*/

background:transparent;?/*透視背景*/

background-image?:?url(/image/bg.gif);?/*背景圖片*/

background-attachment?:?fixed;?/*浮水印固定背景*/

background-repeat?:?repeat;?/*重復(fù)排列-網(wǎng)頁(yè)默認(rèn)*/

background-repeat?:?no-repeat;?/*不重復(fù)排列*/

background-repeat?:?repeat-x;?/*在x軸重復(fù)排列*/

background-repeat?:?repeat-y;?/*在y軸重復(fù)排列*/

指定背景位置

background-position?:?90%?90%;?/*背景圖片x與y軸的位置*/

background-position?:?top;?/*向上對(duì)齊*/

background-position?:?buttom;?/*向下對(duì)齊*/

background-position?:?left;?/*向左對(duì)齊*/

background-position?:?right;?/*向右對(duì)齊*/

background-position?:?center;?/*居中對(duì)齊*/

五晕粪、CSS連接屬性:

a?/*所有超鏈接*/

a:link?/*超鏈接文字格式*/

a:visited?/*瀏覽過(guò)的鏈接文字格式*/

a:active?/*按下鏈接的格式*/

a:hover?/*鼠標(biāo)轉(zhuǎn)到鏈接*/

鼠標(biāo)光標(biāo)樣式:

鏈接手指CURSOR:?hand

十字體cursor:crosshair

箭頭朝下cursor:s-resize

十字箭頭cursor:move

箭頭朝右cursor:move

加一問(wèn)號(hào)cursor:help

箭頭朝左cursor:w-resize

箭頭朝上cursor:n-resize

箭頭朝右上cursor:ne-resize

箭頭朝左上cursor:nw-resize

文字I型cursor:text

箭頭斜右下cursor:se-resize

箭頭斜左下cursor:sw-resize

漏斗cursor:wait

光標(biāo)圖案(IE6)

p?{cursor:url("光標(biāo)文件名.cur"),text;}

六、CSS框線一覽表:

border-top?:?1px?solid?#6699cc;?/*上框線*/

border-bottom?:?1px?solid?#6699cc;?/*下框線*/

border-left?:?1px?solid?#6699cc;?/*左框線*/

border-right?:?1px?solid?#6699cc;?/*右框線*/

以上是建議書(shū)寫(xiě)方式,但也可以使用常規(guī)的方式如下:

border-top-color?:?#369?/*設(shè)置上框線top顏*/

border-top-width?:1px?/*設(shè)置上框線top寬*/

border-top-style?:?solid/*設(shè)置上框線top樣*/

其他框線樣式

solid?/*實(shí)線框*/

dotted?/*虛線框*/

double?/*雙線框*/

groove?/*立體內(nèi)凸框*/

ridge?/*立體浮雕框*/

inset?/*凹框*/

outset?/*凸框*/

七全景、CSS表單運(yùn)用:

文字方塊 按鈕 復(fù)選框選擇鈕多行文字方塊

下拉式菜單選項(xiàng)1選項(xiàng)2

八、CSS邊界樣式:

margin-top:10px;?/*上邊界*/

margin-right:10px;?/*右邊界值*/

margin-bottom:10px;?/*下邊界值*/

margin-left:10px;?/*左邊界值*/

CSS屬性:字體樣式(Font?Style)

序號(hào) 中文說(shuō)明標(biāo)記語(yǔ)法

1字體樣式

{font:font-style?font-variant?font-weight?font-size?font-family}

2字體類型

{font-family:"字體1","字體2","字體3",...}

3字體大小

{font-size:|inherit|?medium|?large|?larger|?x-large|?xx-large|?small|?smaller|?x-small|?xx-small}

4字體風(fēng)格

{font-style:inherit|italic|normal|oblique}

5?{font-weight:100-900|bold|bolder|lighter|normal;}

6字體顏色{color:數(shù)值;}

7陰影顏色{text-shadow:16位色值}

8字體行高{line-height:數(shù)值|inherit|normal;}

9字間距距

{letter-spacing:數(shù)值|inherit|normal}

10單詞間距

{word-spacing:數(shù)值|inherit|normal}

11字體變形

{font-variant:inherit|normal|small-cps?}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市反砌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌萌朱,老刑警劉巖宴树,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異晶疼,居然都是意外死亡酒贬,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)翠霍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)锭吨,“玉大人,你說(shuō)我怎么就攤上這事寒匙×闳纾” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)埠况。 經(jīng)常有香客問(wèn)我,道長(zhǎng)棵癣,這世上最難降的妖魔是什么辕翰? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮狈谊,結(jié)果婚禮上喜命,老公的妹妹穿的比我還像新娘。我一直安慰自己河劝,他們只是感情好壁榕,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著赎瞎,像睡著了一般牌里。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上务甥,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天牡辽,我揣著相機(jī)與錄音,去河邊找鬼敞临。 笑死态辛,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的挺尿。 我是一名探鬼主播奏黑,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼编矾!你這毒婦竟也來(lái)了熟史?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤窄俏,失蹤者是張志新(化名)和其女友劉穎以故,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體裆操,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怒详,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了踪区。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片昆烁。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖缎岗,靈堂內(nèi)的尸體忽然破棺而出静尼,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布鼠渺,位于F島的核電站鸭巴,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏拦盹。R本人自食惡果不足惜鹃祖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望普舆。 院中可真熱鬧恬口,春花似錦、人聲如沸沼侣。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蛾洛。三九已至养铸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間轧膘,已是汗流浹背揭厚。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扶供,地道東北人筛圆。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像椿浓,于是被迫代替她去往敵國(guó)和親太援。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 字體屬性:(font) 大小 {font-size: x-large;}(特大) xx-small;(極小) 一般...
    米塔塔閱讀 581評(píng)論 1 12
  • 字體屬性:(font) 大小 {font-size: x-large;}(特大) xx-small;(極小) 一般...
    書(shū)寫(xiě)人生吖閱讀 414評(píng)論 0 0
  • 一扳碍,HTML有N多標(biāo)簽提岔,根據(jù)顯示的類型,主要可以分為3大類 1笋敞,塊級(jí)標(biāo)簽 獨(dú)占一行的標(biāo)簽 能隨時(shí)設(shè)置寬度和高度(比...
    張不二01閱讀 734評(píng)論 0 4
  • 1 字體屬性:(font) 大小 {font-size: x-large;}(特大) xx-small;(極小) ...
    厝弧閱讀 323評(píng)論 0 0
  • 霧失樓臺(tái)碱蒙,月迷津渡。桃源望斷無(wú)尋處夯巷∪停可堪孤館閉春寒,杜鵑聲里斜陽(yáng)暮趁餐。 ――宋.秦觀《踏莎行·郴州旅舍》 幼時(shí)...
    簫音聲聲閱讀 286評(píng)論 0 0