CSS標簽大全

字體屬性：(font)

大?。篺ont-size: x-large;(特大) xx-small;(極小) 一般中文用不到，只要用數值就可以，單位：PX、PD

樣式 ：font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)

行高 ：line-height: normal;(正常) 單位：PX、PD、EM

粗細 ：font-weight: bold;(粗體) lighter;(細體) normal;(正常)

變體 ：font-variant: small-caps;(小型大寫字母) normal;(正常)

大小寫 ：text-transform: capitalize;(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)

修飾 ：text-decoration: underline;(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍)

常用字體：(font-family)”Courier New”, Courier, monospace, “Times New Roman”, Times, serif, Arial, Helvetica, sans-serif, Verdana

背景屬性：(background)

色彩：background-color: #FFFFFF;

圖片：background-image: url();

重復：ackground-repeat: no-repeat;

滾動：ackground-attachment: fixed;(固定) scroll;(滾動)

位置：ackground-position: left(水平) top(垂直);

簡寫方法：background:#000 url(..) repeat fixed left top;

區塊屬性： (Block)

字間距：etter-spacing: normal; 數值

對齊：xt-align: justify;(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)

縮進：ext-indent: 數值px;

垂直對齊：ertical-align: baseline;(基線) sub;(下標) super;(下標) top; text-top; middle; bottom; text-bottom;

詞間距：ord-spacing: normal; 數值

空格：hite-space: pre;(保留) nowrap;(不換行)

顯示：isplay:block;(塊) inline;(內嵌) list-item;(列表項) run-in;(追加部分) compact;(緊湊) marker;(標記) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格標題)

方框屬性：(Box)

width:; height:; float:; clear:both; margin:; padding:; 順序：上右下左

邊框屬性： (Border)

border-style: dotted(點線); dashed(虛線); solid(實線); double(雙線); groove(槽線); ridge;(脊狀) inset;(凹陷) outset;

border-width:; 邊框寬度

border-color:#;

簡寫方法border：width style color;

列表屬性： (List-style)

類型：list-style-type: disc;(圓點) circle;(圓圈) square;(方塊) decimal;(數字) lower-roman;(小羅碼數字) upper-roman; lower-alpha; upper-alpha;

位置：ist-style-position: outside;(外) inside;

圖像：ist-style-image: url(..);

定位屬性： (Position)

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,auto,12px,auto) (裁切) css屬性代碼大全

1.CSS文字屬性：

color : #999999; /文字顏色/

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

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

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

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

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

line-height : 200%; /設置行高/

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

vertical-align:sub; /下標字/

vertical-align:super; /上標字/

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; /文字垂直向下對齊/

2.CSS邊框空白

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

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

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

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

3.CSS符號屬性：

list-style-type:none; /不編號/

list-style-type:decimal; /阿拉伯數字/

list-style-type:lower-roman; /小寫羅馬數字/

list-style-type:upper-roman; /大寫羅馬數字/

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; /縮進/

4.CSS背景樣式：

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

background:transparent; /透視背景/

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

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

background-repeat : repeat; /重復排列-網頁默認/

background-repeat : no-repeat; /不重復排列/

background-repeat : repeat-x; /在x軸重復排列/

background-repeat : repeat-y; /在y軸重復排列/

指定背景位置

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

background-position : top; /向上對齊/

background-position : buttom; /向下對齊/

background-position : left; /向左對齊/

background-position : right; /向右對齊/

background-position : center; /居中對齊/

5.CSS連接屬性：

a /所有超鏈接/

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

a:visited /瀏覽過的鏈接文字格式/

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

a:hover /鼠標轉到鏈接/

鼠標光標樣式：

鏈接手指 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

光標圖案(IE6) p {cursor:url(“光標文件名.cur”),text;}

6.CSS框線一覽表：

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

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

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

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

以上是建議書寫方式,但也可以使用常規的方式 如下:

border-top-color : #369 /設置上框線top顏色/

border-top-width :1px /設置上框線top寬度/

border-top-style : solid/設置上框線top樣式/

其他框線樣式

solid /實線框/

dotted /虛線框/

double /雙線框/

groove /立體內凸框/

ridge /立體浮雕框/

inset /凹框/

outset /凸框/

7.CSS表單運用：

文字方塊

按鈕

復選框

選擇鈕

多行文字方塊

下拉式菜單 選項1選項2

8.CSS邊界樣式：

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

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

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

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

以上就是關于“CSS標簽大全”的介紹，大家如果想了解更多相關知識，可以關注一下動力節點的Java視頻，里面的課程內容全面，從入門到精通都有，很適合沒有基礎的小伙伴學習，希望對大家能夠有所幫助哦。