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