




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
CSS顏色大全css字體顏色CSS顏色大全css字體顏色,將顏色代碼代替css里面的顏色,就可以。div中控制某段字體顏色html代碼divid=sidebarspanCSS顏色大全css字體顏色/span/divCSS文件#sidebar{}#sidebar.span{color:#你正在觀看的是:CSS顏色大全css字體顏色CSS顏色大全css字體顏色,將顏色代碼代替css里面的顏色,就可以。div中控制某段字體顏色html代碼<divid="sidebar">vspan>CSS顏色大全css字體顏色</spanx/div>CSS文件#sidebar{}#sidebar.span{color:#FF0000}#FFFFFF6青色#00FFFF11藍(lán)紫色#9F5F9F#FFFFFF6青色#00FFFF11藍(lán)紫色#9F5F9F162號青銅色#A67D3D21紫藍(lán)色#42426F26深蘭花色#9932CD32深綠松石色#7093DB36長石色#D19275中森林綠#6B8E232紅色#FF00007黃色#FFFF0012黃銅色#B5A64217士官服藍(lán)色#5F9F9F深棕#5C403327深紫色#871F7832深綠松石色#7093DB37火磚色#8E2323中鮮黃色#EAEAAE3綠色#00FF008黑色#00000013亮金色#D9D91918冷銅色#D98719深綠#2F4F2F28深石板藍(lán)#6B238E33暗木色#855E4262褐紅色#8E236B中蘭花色#9370DB4藍(lán)色#0000FF9海藍(lán)#70DB9314棕色#A67D3D19銅色#B87333深銅綠色#4A766E29深鉛灰色#2F4F4F34淡灰色#54545463中海藍(lán)色#32CD99中海綠色#426F425牡丹紅#FF00FF10巧克力色#5C331715青銅色#8C785320珊瑚紅#FF7F0025深橄欖綠#4F4F2F30深棕褐色#97694F35土灰玫瑰紅色#85636364中藍(lán)色#3232CD69中石板藍(lán)色#7F00FF70中春綠色#7FFF0075海軍#23238E80暗金黃色#CFB53B85粉紅#BC8F8F90猩紅#BC171795天#3299CC100亮天藍(lán)色#38B0DE10570中春綠色#7FFF0075海軍#23238E80暗金黃色#CFB53B85粉紅#BC8F8F90猩紅#BC171795天#3299CC100亮天藍(lán)色#38B0DE105淡淺灰色#CDCDCD71中綠松石色#70DBDB72中紫紅色#DB709373中木色#A6806476霓虹籃77霓虹粉紅78新深藏青#4D4DFF#FF6EC7色#00009C81橙色82橙紅色83淡紫色#FF7F00#FF2400#DB70DB86李子色87石英色88艷藍(lán)色#EAADEA#D9D9F3#5959AB91海綠色92半甜巧克力93赭色#238E68色#6B4226#8E6B2396石板藍(lán)97艷粉紅色98春綠色#007FFF#FF1CAE#00FF7F101棕褐色102紫紅色103石板藍(lán)色#DB9370#D8BFD8#ADEAEA106紫羅蘭色107紫羅蘭紅108麥黃色#4F2F4F色#CC3299#D8D8BF747984899499深藏青色#2F2F4F新棕褐色#EBC79E淺綠色#8FBC8F鮭魚色#6F4242銀色#E6E8FA鋼藍(lán)色#236B8E104濃深棕色#5C4033109黃綠色#99CCcss樣式大全(整理版)字體屬性:(font)大?。鹒ont-size:x-large;}(特大)xx-small;(極小)一般中文用不到,只要用數(shù)值就可以,單位:PX、PD樣式{font-style:oblique;}(偏斜體)italic;(斜體)normal;(正常)行高{line-height:normal;}(正常)單位:PX、PD、EM粗細(xì){font-weight:bold;}(粗體)lighter;(細(xì)體)normal;(正常)變體{font-variant:small-caps;}(小型大寫字母)normal;(正常)大小寫{text-transform:capitalize;}(首字母大寫)uppercase;(大寫)lowercase;(小寫)none;(無)修飾{text-decoration:underline;}(下劃線)overline;(上劃線)line-through;(刪除線)blink;(閃爍)常用字體:(font-family)"CourierNew",Courier,monospace,"TimesNewRoman",Times,serif,Arial,Helvetica,sans-serif,Verdana背景屬性:(background)色彩{background-color:#FFFFFF;}圖片{background-image:url();}重復(fù){background-repeat:no-repeat;}滾動{background-attachment:fixed;}(固定)scroll;(-滾動)位置{background-position:left;}(水平)top(垂直);簡寫方法{background:#。。。url(..)repeatfixedlefttop;}/*簡寫?這個在閱讀代碼中經(jīng)常出現(xiàn),要認(rèn)真的研究*/區(qū)塊屬性:(Block)/*這個屬性第一次認(rèn)識,要多多研究*/字間距{letter-spacing:normal;}數(shù)值/*這個屬性似乎有用,多實踐下*/對齊{text-align:justify;}(兩端對齊)left;(左對齊)right;(右對齊)center;(居中)縮進(jìn){text-indent:數(shù)值px;}垂直對齊{vertical-align:baseline;}(基線)sub;(下標(biāo))super;(下標(biāo))top;text-top;middle;bottom;text-bottom;詞間距word-spacing:normal;數(shù)值空格white-space:pre;(保留)nowrap;(不換行)顯示{display:block;}(塊)inline;(內(nèi)嵌)list-item;(列表項)run-in;(追加部分)compact;(緊湊)marker;(標(biāo)記)table;inline-table;table-raw-group;table-header-group;table-footer-group;table-raw;table-column-group;table-column;table-cell;table-caption;(表格標(biāo)題)/*display屬性的了解很模糊*/方框?qū)傩裕海˙ox)width:;height:;float:;clear:both;margin:;padding:;順序:上右下左邊框?qū)傩裕海˙order)border-style:dotted;(點線)dashed;(虛線)solid;double;(雙線)groove;(槽線)ridge;(脊?fàn)睿﹊nset;(凹陷)outset;border-width:;邊框?qū)挾萣order-color:#;簡寫方法border:widthstylecolor;/*簡寫*/列表屬性:(List-style)類型list-style-type:disc;(圓點)circle;(圓圈)square;(方塊)decimal;(數(shù)字)lower-roman;(小羅碼數(shù)字)upper-roman;lower-alpha;upper-alpha;位置list-style-position:outside;(外)inside;圖像list-style-image:url(..);定位屬性:(Position)Position:absolute;relative;static;visibility:inherit;visible;hidden;overflow:visible;hidden;scroll;auto;clip:rect(12px,auto,12px,auto)(裁切)css屬性代碼大全一CSS文字屬性:color:#999999;/*文字顏色*/font-family:宋體,sans-serif;/*文字字體*/font-size:9pt;/*文字大小*/font-style:itelic;/*文字斜體*/font-variant:small-caps;/*小字體*/letter-spacing:1pt;/*字間距離*/line-height:2。。%;/*設(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;/*首字大寫*/text-transform:uppercase;/*英文大寫*/text-transform:lowercase;/*英文小寫*/text-align:right;/*文字右對齊*/text-align:left;/*文字左對齊*/text-align:center;/*文字居中對齊*/text-align:justify;/*文字分散對齊*/vertical-align屬性vertical-align:top;/*垂直向上對齊*/vertical-align:bottom;/*垂直向下對齊*/vertical-align:middle;/*垂直居中對齊*/vertical-align:text-top;/*文字垂直向上對齊*/vertical-align:text-bottom;/*文字垂直向下對齊*/二、CSS邊框空白padding-top:10px;/*上邊框留空白*/padding-right:10px;/*右邊框留空白*/padding-bottom:10px;/*下邊框留空白*/padding-left:10px;/*左邊框留空白三、CSS符號屬性:list-style-type:none;/*不編號*/list-style-type:decimal;/*阿拉伯?dāng)?shù)字*/list-style-type:lower-roman;/*小寫羅馬數(shù)字*/list-style-type:upper-roman;/*大寫羅馬數(shù)字*/list-style-type:lower-alpha;/*小寫英文字母*/list-style-type:upper-alpha;/*大寫英文字母*/list-style-type:disc;/*實心圓形符號*/list-style-type:circle;/*空心圓形符號*/list-style-type:square;/*實心方形符號*/list-style-image:url(/dot.gif);/*圖片式符號*/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)頁默認(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;/*向上對齊*/background-position:buttom;/*向下對齊*/background-position:left;/*向左對齊*/background-position:right;/*向右對齊*/background-position:center;/*居中對齊*/五、CSS連接屬性:a/*所有超鏈接*/a:link/*超鏈接文字格式*/a:visited/*瀏覽過的鏈接文字格式*/a:active/*按下鏈接的格式*/a:hover/*鼠標(biāo)轉(zhuǎn)到鏈接*/鼠標(biāo)光標(biāo)樣式:鏈接手指CURSOR:hand十字體cursor:crosshair箭頭朝下cursor:s-resize十字箭頭cursor:move箭頭朝右cursor:move加一問號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:1pxsolid#6699cc;/*上框線*/border-bottom:1pxsolid#6699cc;/*下框線*/border-left:1pxsolid#6699cc;/*左框線*/border-right:1pxsolid#6699cc;/*右框線*/以上是建議書寫方式,但也可以使用常規(guī)的方式如下:border-top-color:#369/*設(shè)置上框線top顏色*/border-top-width:1px/*設(shè)置上框線top寬度*/border-top-style:solid/*設(shè)置上框線top樣式*/其他框線樣式solid/*實線框*/dotted/*虛線框*/double/*雙線框*/groove/*立體內(nèi)凸框*/ridge/*立體浮雕框*/inset/*凹框*/outset/*凸框*/七、CSS表單運用:文字方塊按鈕復(fù)選框選擇鈕多行文字方塊下拉式菜單選項1選項2八、CSS邊界樣式:margin-top:10px;/*上邊界*/margin-right:10px;/*右邊界值*/margin-bottom:10px;/*下邊界值*/margin-left:10px;/*左邊界值*/CSS屬性:字體樣式(FontStyle)序號中文說明標(biāo)記語法字體樣式{font:font-stylefont-variantfont-weightfont-sizefont-family}2字體類型{font-family:"字體1","字體2","字體3",...}字體大小{font-size:數(shù)值linheritlmediumllargellargerlx-largelxx-largelsmalllsmaller|x-small|xx-small}字體風(fēng)格{font-style:inheritlitaliclnormalloblique}字體粗細(xì){font-weight:100-900lboldlbolderllighterlnormal;}6字體顏色{color:數(shù)值;}7陰影顏色{text-shadow:16位色值}字體行高{line-height:數(shù)值linheritlnormal;}字間距{letter-spacing:數(shù)值linheritlnormal}單詞間距{word-spacing:數(shù)值linheritlnormal}字體變形{font-variant:inheritlnormallsmall-cps}英文轉(zhuǎn)換{text-transform:inheritlnonelcapitalizeluppercasellowercase}字體變形{font-size-adjust:inheritlnone}字體{font-stretch:condensedlexpandedlextra-condensedlextra-expandedlinheritlnarrowerlnormallsemi-condensedlsemi-expandedlultra-condensedlultra-expandedlwider}文本樣式(TextStyle)序號中文說明標(biāo)記語法行間距{line-height:數(shù)值linheritlnormal;}文本修飾{text-decoration:inheritlnonelunderlineloverlinelline-throughlblink}段首空格{text-indent:數(shù)值linherit}水平對齊{text-align:leftlrightlcenterljustify}垂直對齊{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}書寫方式{writing-mode:lr-tb|tb-rl}背景樣式序號中文說明標(biāo)記語法背景顏色{background-color:數(shù)值}背景圖片{background-image:url(URL)|none}背景重復(fù){background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}背景固定{background-attachment:fixed|scroll}背景定位{background-position:數(shù)值Itoplbottomlleftlrightlcenter}6背影樣式{background:背景顏色|背景圖象|背景重復(fù)|背景附件|背景位置}框架樣式(BoxStyle)序號中文說明標(biāo)記語法邊界留白{margin:margin-topmargin-rightmargin-bottommargin-left}補(bǔ)白{padding:padding-toppadding-rightpadding-bottompadding-left}邊框?qū)挾葅border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width}寬度值:thinlmediumlthick|數(shù)值4邊框顏色{border-color:數(shù)值數(shù)值數(shù)值數(shù)值}數(shù)值:分別代表top、right、bottom、left顏色值邊框風(fēng)格{border-style:nonelhiddenlinheritldashedlsolidldoublelinsetloutsetlridgelgroo
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 出門演出合同范本
- 低價改造廠房合同范本
- 農(nóng)家葡萄售賣合同范本
- 保險分銷服務(wù)合同范本
- 個人過橋資金合同范本
- 協(xié)議酒店價格合同范本
- 保險變更合同范本
- 企業(yè)對外投資合同范本
- 個人門店裝修合同范本
- 醫(yī)療公司供貨合同范本
- 自考公共關(guān)系學(xué)課件
- 森林害蟲防治方法課件
- 《國際金融》課件國際金融導(dǎo)論
- 各種el34名膽電子管評測
- 超分子化學(xué)-杯芳烴課件
- 車標(biāo)識別 課講義件課件
- 一年級下學(xué)期安全教育教案
- 送達(dá)地址確認(rèn)書(樣本)
- 甘肅省酒泉市各縣區(qū)鄉(xiāng)鎮(zhèn)行政村村莊村名明細(xì)
- 壓力容器考試審核考試題庫(容標(biāo)委-氣體協(xié)會聯(lián)合)
- 學(xué)校食堂操作流程圖
評論
0/150
提交評論