1.單位
單位描述
px畫素
em1em——1個字元;2em——2個字元
自動適應使用者所使用的的字型
%百分比,相對於從父類繼承的字型大小而言
用百分比乘以預設繼承字型大小即為當前字型大小
2.顏色
顏色描述
red、blue、green
可以從w3c找到所有顏色名
rgb(x,x,x)
rgb值,每個顏色分量取值0-255
紅色:rgb(255,0,0);灰色(66,66,66)
rgb(x%,x%,x%)
rgb百分值,0%-100%
紅色:rgb(100%,0%,0%)
rgba(x,x,x,a)
rgb值,透明度
a值:0.0(完全透明);1.0(完全不透明)
紅色半透明:rgba(255,0,0,0.5)
#rrggbb
十六進製制數,每兩位表示乙個顏色的分量
紅色:#ff0000;紅色:#f00(去掉重複位)
3.文字
屬性描述取值
color
文字顏色
red #f00 rgb(255,0,0)
letter-spacing
字元間距
2px -3px
line-height
行高14px 1.5em 120%
text-aling
水平對齊
center left right justify(兩端對齊)
text-decoration
裝飾線none overline underline line-through(刪除線)
text-indent
首行縮排
2em
可以利用行高line-height設定垂直居中,將height和line-height設定為相同大小即可,如下**文字「假如給我三天光明」將垂直居中
假如給我三天光明
4.字型
font屬性簡化使用:
font:斜體 粗體 字型大小/行高 字型;
如:font:italic bold 16px/1.5em '宋體';
屬性描述
取值font
在乙個宣告中設定所有的字型屬性
font:bold 18px '幼圓'
font-family
字型系列
font-family:"hiragino sans gb","microssoft yahei",sans-serif(優先使用第乙個字型;字型名字中有空格時,需要加上雙引號)
font-size
字型大小14px 120%
font-style
斜體italic
font-weight
粗體bold
CSS3 字型樣式
lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...
css3字型樣式
一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...
css入門3 字型樣式
1字型樣式簡介 字型樣式屬性 屬性說明 font family 字型型別 font size 字型大小 font style 字型風格 color 字型顏色 除了字型顏色,其它字型屬性都是以font字首開頭的,其中font是字型的意思 1.1字型型別 font family 在css中,可以使用fo...