標(biāo)簽屬性大全

1、HTML CSS標(biāo)簽屬性大全a卷標(biāo) , 屬性名稱 , 簡介 批注 1、 跑馬燈 普通卷動 滑動 預(yù)設(shè)卷動 來回卷動 向下卷動 向上卷動 向右卷動 向左卷動 卷動次數(shù) 設(shè)定寬度 設(shè)定高度 設(shè)定背景顏色 設(shè)定卷動距離 設(shè)定卷動時間 2、字體效果 標(biāo)題字(最大) 標(biāo)題字(最小) 粗體字 粗體字(強(qiáng)調(diào)) 斜體字 斜體字(強(qiáng)調(diào)) 斜體字(表示定義) 底線 底線(表示插入文字) 橫線 刪除線 刪除線(表示刪除) 鍵盤文字 打字體 固定寬度字體(在文件中空白、換行、定位功能有效) 固定寬度字體(不執(zhí)行標(biāo)記符號) 固定寬度小字體 字體顏色 最小字體 無限增大 3、區(qū)斷標(biāo)記 水平線 水平線(設(shè)定大小) 水平線(

2、設(shè)定寬度) 水平線(設(shè)定顏色) (換行) 水域(不換行) 水域(段落) 置中 4、連結(jié)格式 (預(yù)設(shè)好連結(jié)路徑) 外部連結(jié) 外部連結(jié)(另開新窗口) 外部連結(jié)(全窗口連結(jié)) 外部連結(jié)(在指定頁框連結(jié)) 5、貼圖/音樂 貼圖 設(shè)定圖片寬度 設(shè)定圖片高度 設(shè)定圖片提示文字 設(shè)定圖片邊框 背景音樂設(shè)定 7、表格語法 表格位置,置左 表格位置,置中 背景圖片的URL=就是路徑網(wǎng)址 設(shè)定表格邊框大小(使用數(shù)字) 設(shè)定表格的背景顏色 設(shè)定表格邊框的顏色 設(shè)定表格暗邊框的顏色 設(shè)定表格亮邊框的顏色 指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字) 指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字) 指定表格的欄數(shù) 設(shè)定表格外框線的

3、顯示方式 指定表格的寬度大小(使用數(shù)字) 指定表格的高度大小(使用數(shù)字) 指定儲存格合并欄的欄數(shù)(使用數(shù)字) 指定儲存格合并列的列數(shù)(使用數(shù)字) 調(diào)整表格的寬線高度 調(diào)整數(shù)據(jù)域位之邊界 調(diào)整表格線的寬度 調(diào)整表格的高度 調(diào)整表格的寬度 產(chǎn)生表格的卷標(biāo) 調(diào)整表格字段之左右對齊 設(shè)定表格字段之背景顏色 表格字段的合并 設(shè)定表格字段不換行 調(diào)整表格字段之上下對齊 調(diào)整表格字段寬度 定義表格的數(shù)據(jù)域位 分割窗口 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整 分割左右兩個框架 分割左中右三個框架 分割上下兩個框架

4、分割上中下三個框架 批注 指定超級鏈接的分割窗口 指定錨名稱的超級鏈接 指定超級鏈接 被連結(jié)點的名稱 . 用來顯示電子郵箱地址 粗體字 指定超級鏈接的分割窗口 更改預(yù)設(shè)字形大小 加入背景音樂 顯示大字體 閃爍的文字 設(shè)定文字顏色 顯示本文 換行 設(shè)定表格標(biāo)題位置 為表格加上標(biāo)題 向中對齊 用于引經(jīng)據(jù)典的文字 用于列出一段程序代碼 加上批注 設(shè)定定義列表的項目解說 顯示”定義”文字 列表文字卷標(biāo) 設(shè)定定義列表的卷標(biāo) 設(shè)定定義列表的項目 強(qiáng)調(diào)之用 任意指定所用的字形 設(shè)定字體大小 設(shè)定戶動式窗體的處理方式 設(shè)定戶動式窗體之資料傳送方式 設(shè)定窗口的上下邊界 設(shè)定窗口的左右邊界 為分割窗口命名 鎖住分

5、割窗口的大小 設(shè)定分割窗口的滾動條 將html文件加入窗口 將窗口分割成左右的子窗口 將窗口分割成上下的子窗口 劃分分割窗口 設(shè)定文字大小 標(biāo)示文件信息 加上分網(wǎng)格線 文件的開始與結(jié)束 斜體字 調(diào)整圖形影像的位置 為你的圖形影像加注 加入影片 插入圖片并預(yù)設(shè)圖形大小 插入圖片并預(yù)設(shè)圖形的左右邊界 預(yù)載圖片功能 設(shè)定圖片邊界 插入圖片 插入圖片并預(yù)設(shè)圖形的上下邊界 在窗體中加入輸入字段 定義查詢用窗體 表示使用者輸入文字 列表的項目 ( 可指定符號 ) 條列文字卷標(biāo) 自動更新文件內(nèi)容 可同時選擇多項的列表欄 定義不出現(xiàn)分割窗口的文字 有序號的列表 定義窗體中列表欄的項目 設(shè)定對齊方向 分段 顯示

6、人名 使用原有排列 用于引用字 在窗體中定義列表欄 顯示小字體 文字加橫線 用于加強(qiáng)語氣 下標(biāo)字 上標(biāo)字 窗體中加入多少列的文字輸入欄 決定文字輸入欄是自動否換行 定義表格的標(biāo)頭字段 文件標(biāo)題 定義表格美一行 打字機(jī)字體 文字加底線 無序號的列表 ( 可指定符號 ) 用于顯示變量字體屬性：(font) 大小 font-size: x-large;(特大) xx-small;(極小) 一般中文用不到，只要用數(shù)值就可以，單位：PX、PD 樣式 font-style: oblique;(偏斜體) italic;(斜體) normal;(正常) 行高 line-height: normal;(正常)

7、單位：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)Courier New,

8、 Courier, monospace, Times New Roman, 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:

9、#000 url(.) repeat fixed left top;區(qū)塊屬性： (Block) 字間距l(xiāng)etter-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-spa

10、ce: 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)題)方框?qū)傩裕?Box) width:; height:; floa

11、t:; clear:both; margin:; padding:; 順序：上右下左邊框?qū)傩裕?(Border) border-style: dotted(點線); dashed(虛線); solid(實線); double(雙線); groove(槽線); ridge;(脊?fàn)? inset;(凹陷) outset; border-width:; 邊框?qū)挾?border-color:#;邊框顏色 簡寫方法border：width style color;列表屬性： (List-style) 類型list-style-type: disc;(圓點) circle;(圓圈) square;(方塊)

12、 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,12

13、px,auto) (裁切) 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)字*/ v

14、ertical-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:righ

15、t; /*文字右對齊*/ 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

16、邊框空白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:lowe

17、r-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-co

18、lor:#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;

19、 /*在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:vi

20、sited /*瀏覽過的鏈接文字格式*/ 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-

21、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; /*右框線*/ 以上是建議書寫方式,但也可以使用常規(guī)的方式 如下:border-top-co

22、lor : #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表單運用：八、CSS邊界樣式：margin-top:10px; /*上邊界*/ margin-right:10px; /*右邊界值*/ margin-bottom:1

23、0px; /*下邊界值*/ margin-left:10px; /*左邊界值*/ CSS 屬性： 字體樣式(Font Style) 序號 中文說明 標(biāo)記語法 1 字體樣式 font:font-style font-variant font-weight font-size font-family 2 字體類型 font-family:字體1,字體2,字體3,. 3 字體大小 font-size:數(shù)值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small 4 字體風(fēng)格 font-s

24、tyle:inherit|italic|normal|oblique 5 字體粗細(xì) 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 12 英

25、文轉(zhuǎn)換 text-transform:inherit|none|capitalize|uppercase|lowercase 13 字體變形 font-size-adjust:inherit|none 14 字體 font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider 文本樣式(Text Style) 序號 中文說明 標(biāo)記語法 1 行 間 距 l

26、ine-height:數(shù)值|inherit|normal; 2 文本修飾 text-decoration:inherit|none|underline|overline|line-through|blink 3 段首空格 text-indent:數(shù)值|inherit 4 水平對齊 text-align:left|right|center|justify 5 垂直對齊 vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super 6 書寫方式 writing-mode:lr-tb|tb-rl 背景

27、樣式 序號 中文說明 標(biāo)記語法 1 背景顏色 background-color:數(shù)值 2 背景圖片 background-image: url(URL)|none 3 背景重復(fù) background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y 4 背景固定 background-attachment:fixed|scroll 5 背景定位 background-position:數(shù)值|top|bottom|left|right|center 6 背影樣式 background:背景顏色|背景圖象|背景重復(fù)|背景附件|背景位置 框架樣式(B

28、ox Style) 序號 中文說明 標(biāo)記語法 1 邊界留白 margin:margin-top margin-right margin-bottom margin-left 2 補(bǔ)白 padding:padding-top padding-right padding-bottom padding-left 3 邊框?qū)挾?border-width:border-top-width border-right-width border-bottom-width border-left-width寬度值： thin|medium|thick|數(shù)值 4 邊框顏色 border-color:數(shù)值 數(shù)值 數(shù)

29、值 數(shù)值數(shù)值：分別代表top、right、bottom、left顏色值 5 邊框風(fēng)格 border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove 6 邊框 border:border-width border-style color 上 邊 框 border-top:border-top-width border-style color 右 邊 框 border-right:border-right-width border-style color 下 邊 框 border-bottom:border-bottom-width border-style color 左 邊 框 border-left:border-left-width border-style color 7 寬度 width:長度|百分比| auto 8 高度 height:數(shù)值|auto 9 漂浮 float:left|right|none 10 清除 clear:none|left|right|both 分類列表 序號 中文說明 標(biāo)記語法 1 控制顯示 display:none|block|inline|list-item 2 控制空白 white-space