CSS3常用樣式屬性

2021-09-29 10:33:43 字數 2823 閱讀 7716

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

二、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; /居中對齊/

三、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 /凸框/

4、塊屬性(block)

邊距屬性:

margin-top(設定頂邊距)

margin-right(設定右邊距)

margin-bottom(設定底邊距)

margin-left(設定左邊距)填充距屬性:

padding-top設定頂端真充距)

padding-right設定頂端真充距)

padding-bottom設定頂端真充距)

padding-left設定頂端真充距)

5、邊框屬性(border)

border-top-width(頂端邊框寬度)

border-right-width(右端邊框寬度)

border-bottom-width(底端邊框寬度)

border-left-width(d左邊框寬度)

border-width(一次定義邊框寬度)

border-color(設定邊框顏色)

border-style(設定邊框樣式)

border-top(一次定義頂端各種屬性)

border-right(一次定義右端各種屬性)

border-bottom(一次定義底端各種屬性)

border-left(一次定義左端各種屬性)

CSS3 常用屬性

border radius 圓角 乙個值 四個值 每個值拆分成兩個方向值 box shadow 盒子陰影 效能殺手 box shadow x y 模糊半徑 陰影拓展半徑 陰影顏色 投影方式 text shadow 文字陰影 效能殺手 text shadow x y 模糊半徑 陰影顏色 rgba r,...

CSS3常用屬性

font family 設定字型。比如 font family microsoft yahei font weight 字型粗細,屬性值 normal bold bolder lighter 100 900 line height 行間距 text indent 首行縮排 letter spacin...

常用css3屬性

1.設定文字的可選擇性 webkit user select none text 2.設定背景的繪製區域 background clip border box padding box content box 3.使元素看起來像標準的butt on 4.去掉type為number型別的小箭頭 inpu...