1. 程式人生 > >css文字樣式

css文字樣式

font-face nsf per 處理 -o lower upper 其他 屬性

font-size 在body設置, 在p中設置會優先於body

font-italic 斜體

font-oblique 斜體

font-weight

font-weight: normal 恢復正常

font-weight:bold 加粗 //用這個就行,其他無效

font-weight:bolder 更粗

font-weight:lighter 更細的

font-weight: 100~900 600以後顯示,之前無效

font-family: 楷體,微軟雅黑,宋體 ; //字體樣式 , 用逗號隔開是備用字體.

簡寫方式

Font:50px 楷體; //最少寫倆個(size 和 family), 其他選寫但必須放在 size和family的前面.

web字體

在 頭標簽中寫 @font-face{

font-family:‘ab‘; //起個名字 叫ab 要加單引號

src:url() } 然後 在 標簽內調用 font-family:ab

這種方法 不建議中文使用.

文本樣式

有三種 : 文本裝飾\英文大小寫\文本陰影

text-decoration:underline; 下劃線

text-decoration:overline;上劃線

text-decoration:line-through; 刪除線

text-decoration:blink ;閃爍 但是現在已經無效了

text-decoration:none; 讓本身的裝飾取消掉 //比如 超鏈接a 本身有下劃線 用這個屬性就可以取消掉.

英文

text-transfom: uppercase; lowercase;capitalize;(變為大寫,變為小寫,字母大寫)

text-shadow

p{text-shanow:5px 5px 3px black;}

水平 垂直 模糊 顏色

文本控制

text-align: left;

text-align:right;

text-align:center;

text-align:justify //倆端對齊,倆邊填充

文本空白處理

white-space:nowrap; //默認 多個空格被壓縮,自動換行

white-space:pre; // 空白處被保留,於到換行符換行.

white-nowrap;// 空白 被壓縮,文本不換行

css文字樣式