1.選擇到div
2.設定樣式
顏色單位:
1.關鍵字
2.rgb(r,g,b)三原色;0-255之間
3.rgba(r,g,b,a);a:0-1取值;
0代表完全透明 1代表完全不透明
4.16進製制顏色值
#fff 白色
#ccc 灰色
#000 黑色
尺寸單位:
1.px 絕對單位 畫素
2.em 相對單位 預設1em=16px
3.百分比 相對單位
相對父元素
文字樣式:
font-style: italic;斜體
font-style: normal;正常
font-weight:bold;加粗
text-transform:lowercase; 文字轉換為小寫
text-transform:uppercase; 文字轉換為大寫
text-transform:capitalize; 文字首字母大寫
text-transform:full-width; 文字佔據相同空間
font-size 字型大小
text-align: right; 靠右
text-indent: 2em;首行縮排
text-shadow: 10px 10px 5px red; x軸 y軸 模糊值 陰影顏色
text-decoration: none;清除文字格式
text-decoration: underline;下劃線
text-decoration: overline;上劃線
text-decoration: line-through;刪除線
font-family:"黑體","宋體","微軟雅黑"; 字型樣式
載入網路字型:
2.宣告字型
3.使用字型
.t4@font-face {
font-family: myfont;
src: url(../手繪常用字型/冬天的湯圓.ttf);
字型圖示:
1.fontawesome
2.iconfont
繼承屬性
initial 不繼承父元素屬性
inherit 繼承父元素屬性
css字型樣式
注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...
css 字型樣式
通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...
CSS字型樣式
字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...