css樣式屬性分類

css樣式屬性分類.txt24生活如海，寬容作舟，泛舟于海，方知海之寬闊；生活如山，寬容為徑，循徑登山，方知山之高大；生活如歌，寬容是曲，和曲而歌，方知歌之動(dòng)聽(tīng)。A文字font-family:字體名稱注意：當(dāng)指定多種字體時(shí)，用“，”分隔每種字體的名稱當(dāng)字體名稱包含兩個(gè)以上分開(kāi)的單詞是，用“”把該字體名稱括起來(lái)。當(dāng)樣式規(guī)則外已經(jīng)有“”時(shí)，用‘’代替“”。font-size:字號(hào)參數(shù)。font-style:斜體字的名稱。normal正常狀態(tài)、italic斜體字、oblique斜體和正常狀態(tài)之間。font-weight:字體粗細(xì)。取值是：number（100~900） 或者參數(shù)lighter（細(xì)體）和bold（粗體）bolder（特粗體）參數(shù)顯示更細(xì)或更粗。text-transform:參數(shù)參數(shù)的范圍： uppercase所有文字大小顯示lowercase:所有文字小寫(xiě)顯示capitalize每個(gè)單詞的頭字母大寫(xiě)none不繼承母體的文字變形參數(shù)。text-decoration:參數(shù)參數(shù)的范圍： underline為文字加下劃線overline為文字加上劃線line-through為文字加刪除線blink 使文字閃爍none不顯示上敘任何效果。color:#rrggbb或者#rgb原則（還可以參考資料有多種方式，但是只要掌握基本的一種方式）。8可以用font屬性全部定位示例：p{font:italicbold12pt;}B背景background-color背景顏色background-image背景圖片示例：{background-image:url（'/zhouliang.gif'）}background-repeat:參數(shù)參數(shù)的范圍：repeat表示圖像從水平和垂直角度平鋪no-repeat不重復(fù)平鋪背景圖片repeat-x 使圖片只在水平方向上平鋪repeat-y使圖片只在垂直方向上平鋪。background-attachment參數(shù)fixed網(wǎng)頁(yè)滾動(dòng)時(shí)，背景圖片相對(duì)瀏覽器而言固定不動(dòng)。scroll網(wǎng)頁(yè)滾動(dòng)時(shí)，背景圖片相對(duì)瀏覽器而言一起滾動(dòng)。background-postion參數(shù)(背景定位)參數(shù)：top相對(duì)前景對(duì)象頂對(duì)齊bottom相對(duì)前景對(duì)象底對(duì)齊left相對(duì)前景對(duì)象左對(duì)齊right相對(duì)前景對(duì)象右對(duì)齊center相對(duì)前景對(duì)象中心對(duì)齊說(shuō)明：一般用坐標(biāo)的方式來(lái)確定圖片的位置。6可以直接用background復(fù)合屬性來(lái)確定式樣示例：table{background:#001122url(zhouliang.jpg)no-repeatbottomright}C文本1英文單詞間距word-spacing:取值可以是：normal或者是單位像素；2英文字母間距l(xiāng)etter-spacing:間隔距離取值可以是：normal或者是單位像素；行距l(xiāng)ine-height:值可以是精確的值，也可以是百分比。4文本水平排列text-aglin:參數(shù)left:左對(duì)齊right:右對(duì)齊center:居中justify:相對(duì)左右對(duì)齊。注意到：text-aglin是塊級(jí)屬性，只能用于<p><blockquqte><ul><h1>-<h6>等表示符里5文本垂直排列vertical-align:參數(shù)top頂對(duì)齊bottom底部對(duì)齊text-top相對(duì)文本頂對(duì)齊text-bottom相對(duì)文本底對(duì)齊baseline:基準(zhǔn)線對(duì)齊middle中心線對(duì)齊sub以下標(biāo)的形式對(duì)齊sup以上標(biāo)的形式對(duì)齊，相對(duì)于元素行高屬性的百分比。6文本縮進(jìn)text-indent縮進(jìn)距離說(shuō)明：縮進(jìn)距離必須是值或者%比7white-space設(shè)置值：normal:合并連續(xù)的多個(gè)空格pre:保留原樣式nowrap：不換行，直到遇到＜br＞標(biāo)簽text-decoraition值：none:表示不對(duì)文本進(jìn)行修飾，也是默認(rèn)值，underline:表示對(duì)文字添加下劃線overline:表示添加上劃線line-through:表示對(duì)文本添加刪除線blink:表示文字具有閃爍效果9：text-transform文本轉(zhuǎn)換取值范圍：none:表示原有值capitalize:使每個(gè)字的第一個(gè)字母大寫(xiě)uppercase:大寫(xiě)lowercase:小寫(xiě)D定位是指指定元素的位置，他是CSS-P（cascadingstylesheetspositioning）中的內(nèi)容，CSS-P是CSS的一個(gè)擴(kuò)展，它可以用來(lái)控制任何網(wǎng)頁(yè)元素在瀏覽器文檔窗口中的位置。1：postion設(shè)置值： 含義absolute采用絕對(duì)定位（分別用四個(gè)邊框來(lái)定位）relative 采用相對(duì)定位（也得用四個(gè)邊框來(lái)設(shè)定位置）static 默認(rèn)值2：left/top/width/height說(shuō)明：設(shè)置值可以是3:z-index（也就是元素的堆疊，大的在上，小的在下。默認(rèn)是按照先后順序）說(shuō)明：取值auto默認(rèn)值，表示它遵循其父對(duì)象的定位屬性；如果設(shè)置為數(shù)字必須是無(wú)單位的正整數(shù)，可以取負(fù)值，但是一般為正數(shù)，一般數(shù)字為1時(shí)間是最底層。E布局visibility可視性設(shè)置值：inherit:表示對(duì)象繼承父本的繼承性。visible:表示對(duì)象可見(jiàn)hidden：表示對(duì)象隱藏display設(shè)置或檢索對(duì)象是否及如何顯示設(shè)置值：block、inline、list-item、noneclip可視區(qū)域設(shè)置值：auto表示對(duì)象不裁剪rect（數(shù)值表示）（一般有四個(gè)設(shè)置值：方向定位于上右下左的順序，一般以左上角（0,0）坐標(biāo)計(jì)算4個(gè)偏移數(shù)值。其中 任何一個(gè)值都可以用auto代替）overflow超出范圍：設(shè)置值：isible 擴(kuò)大瀏覽器hidden裁剪掉多余的文本scroll滾動(dòng)條auto 當(dāng)有多余的時(shí)候才顯示滾動(dòng)條float浮動(dòng)屬性設(shè)置值：left表示文字浮在元素左側(cè)right表示文字浮在元素右側(cè)none默認(rèn)值，表示不浮動(dòng)。〈該屬性特別重要，一定要掌握＞clear表示指定一個(gè)元素周?chē)嵌荚试S有其他元素漂浮在它的周?chē)ＴO(shè)置值：left,right,none,both;指要清除本元素四周的浮動(dòng)對(duì)象。break-before設(shè)置值：always是否強(qiáng)制分頁(yè)break-after設(shè)置值：always打印后設(shè)置是否強(qiáng)制分頁(yè)width和height表示層的寬度與高度。設(shè)置值為auto|數(shù)值F邊距與填充屬性1復(fù)合屬性margin:與邊距的距離（margin-topmargin-leftmargin-bottommargin-left）取值可以是：auto默認(rèn)%比或者具體的值：說(shuō)明：取值可以是一個(gè)或者兩個(gè)或者三個(gè)或者四個(gè)（每個(gè)都具有不同的含義）。2復(fù)合屬性填充（指用白值填充）：padding說(shuō)明：和margin的用法一樣。border-width邊框?qū)挾龋篵order-top-width:上邊框?qū)挾萣order-right-width:右邊框?qū)挾萣order-bottom-width:底邊框?qū)挾萣order-left-width:左邊框?qū)挾热≈禐椋簃edium默認(rèn)寬度；thin細(xì)邊框thick粗邊框border-styleborder-top-style:上邊框樣式border-right-style:右邊框樣式border-bottom-style:底邊框樣式border-left-style:左邊框樣式取值： 含義none 不現(xiàn)實(shí)邊框，為默認(rèn)值dotted 點(diǎn)線（電線）dashed 虛線，也稱短線solid 實(shí)線double 雙實(shí)線groove 邊框帶有立體感的溝槽ridge 邊框成脊形inset 使整個(gè)表框凹陷，即在邊框內(nèi)嵌入一個(gè)立體邊框outset 使整個(gè)邊框凸起，即在邊框外嵌入一個(gè)立體邊框border-color設(shè)置邊框的顏色：用法同上margin6:border復(fù)合屬性：border:邊框?qū)挾葇樣式|顏色那么還有：border-top|border—right|border—bottom|border-leftG列表1:list-style-type指顯示于列表項(xiàng)前的標(biāo)識(shí)符號(hào)取值：含義none 表示不顯示列表符號(hào)2：列表縮進(jìn)list-style-postion列表位置描述列表在何處顯示參數(shù)：inside列表內(nèi)容和列表標(biāo)識(shí)符號(hào)處在不同垂直位置，在符號(hào)內(nèi)測(cè)。outside列表內(nèi)容和列表標(biāo)識(shí)符號(hào)處在同一垂直位置3：list-style-image說(shuō)明：用圖片符號(hào)作為鏈接標(biāo)題取值 含義none 表示不指定圖像url（網(wǎng)頁(yè)地址） 指定圖片位置4：復(fù)合屬性：list-style實(shí)現(xiàn)以上三種屬性H