CSS顏色表示
1.RGB顏色表示法:
color:rgb(紅色俯萎,綠色借嗽,藍色)
可以用數(shù)字,也可以用百分數(shù)
2.十六進制表示法:
color:#十六進制數(shù)
CSS長度單位
相對長度單位:
px:像素點,像素就是顯示器的一個點剔猿;
em:1em等于當前字體大小,比如嬉荆,當前字體大小為16px归敬,1em=16px。
css字體樣式屬性
1.font-size:字號大小
推薦使用像素單位;
可選參數(shù)值:xx-large汪茧,x-small椅亚,small,medium舱污,large呀舔,x-large,xx-large扩灯,smaller媚赖,larger
一般頁面字體大小:12px珠插,14px
2.font-family:字體
屬性值可由英文惧磺,中文組成,但若字體名有中文或空格捻撑,則應用括號括起來磨隘;
一般可有幾個值,若瀏覽器找不到前面的字體布讹,則嘗試下一個琳拭,直到找到合適的字體;
盡量使用默認字體描验,保證任何用戶瀏覽器中都能正確顯示白嘁;
用瀏覽器中的escape()函數(shù)可把中文字符轉(zhuǎn)換成UFT-8編碼。
設置字體系列:
襯線體:有修飾膘流,讓字體變美觀(serif)絮缅;
非襯線體:無修飾(sans-serif);
前面的字體查找失敗后呼股,在系統(tǒng)中找一種sans-serif作為默認字體耕魄,只能放在最后,若放在前面彭谁,則字體失效吸奴。
3.font-weight:字體粗細
html標簽:<b> </b>
屬性值:normal(正常)、bold(加粗)缠局、bolder则奥,lighter搔课,100~900(100的整數(shù)倍)删铃、有繼承性
400:normal
700:bold
推薦使用數(shù)字,無單位猜惋。
font-style:字體風格
屬性值:
normal:默認值唱矛,顯示標準字體樣式罚舱;
italic:使用斜體的字體樣式顯示井辜,若字體本身沒有,那么正常顯示管闷;
oblique:讓文字傾斜顯示粥脚;
字體合寫樣式:font:字體樣式? 字體設置加粗? 字體大小/行高? 字體類型
不需要設置的屬性可以忽略(取默認值),但必須保留font-size和font-family屬性渐北,否則合寫將不起作用阿逃。
CSS文本外觀屬性
1.color:文本顏色
預定義顏色值:red铭拧,blue赃蛛,pink等;
十六進制:如#FF0000搀菩、#FF6600呕臂;十六進制是最常用的方式;
RGB代碼:rgb(255,0,0)或rgb(100%肪跋,0%歧蒋,0%);若使用顏色百分比顏色值州既,取值為0時也不能省略百分號谜洽;
2.letter-spaceing:字間距,字符與字符之間的距離
允許使用負值吴叶,默認normal阐虚;
3.word-spacing:單詞間距,對中文無效
如果中文字之間有空格的話蚌卤,會把空格設置成20px寬度实束;
CSS控制按鈕文本
1.line-height:行高,控制文本垂直方向居中
若屬性值與標簽高度一致逊彭,則可以設置文本居中咸灿。
2.text-align:控制文本水平方向居中
屬性值:center,left侮叮,right
3.text-decoration:文本裝飾
屬性值為:
none:沒有裝飾避矢;
underline:下劃線;
overline:上劃線囊榜;
line-through:刪除線审胸。
4.text-indent:首行縮進
text-indent屬性用于設置段落首行文本的縮進,只能設置于塊級標簽锦聊。其屬性值可為不同單位的數(shù)值歹嘹、em字符寬度的倍數(shù)、或相對于瀏覽器窗口寬度的百分比%孔庭,允許使用負值尺上,建議使用em作為設置單位材蛛。
5.white-space:空白符的顯示
normal:正常的顯示,如果寬度不夠進行折行顯示怎抛。
nowrap:即使超過盒子的寬度卑吭,文本也不進行換行顯示。
pre:寫html代碼的時候是什么樣式的马绝,顯示就顯示成什么樣的豆赏。
6.word-break:自動換行
normal:不打斷單詞;
break-all:可以把一個單詞放在兩行中富稻,充分利用空間掷邦;
keep-all:只能在半角空格或連字符處換行。