用CSS 给网页装潢[3] -构造文本
生活随笔
收集整理的這篇文章主要介紹了
用CSS 给网页装潢[3] -构造文本
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1)文本縮進
2)文本對齊
3)文本行高
4)字間隔(單詞)
5)字母間隔
6)文字下劃線
7)字體
8)字體風格
9)字體大小
10)文本顏色
11)文本加粗
12)關于樣式繼承
本課導語:
CSS 對文本的處理特別方便,這一節(jié)課我們就來學習一下css 常用的對文本的設
置操作!
CSS 長度值得單位:
%——百分比
in——寸
cm——厘米
mm——毫米
pt——point,大約1/72 寸;
pc——pica,大約6pt,1/6 寸;
px——屏幕的一個像素點;
em——元素的font-size;
1. 文本縮進
text-indent:值;
值為數(shù)字,最常用的數(shù)值單位是px(像素),也可以直接是百分比!
text-indent:100px;
text-indent:10%;
2. 文本對齊
text-align:對其方式;
可以的值為:left、center、right
3. 文本行高
line-height:值;
line-height:23px;
line-height:120%;
默認:normal
4. 字間隔(單詞)
word-spacing:10px;
默認值:normal
5. 字母間隔
letter-spacing:5px;
默認值:normal
6. 文字下劃線
text-decoration:none;
值:underline 或者none 等,常用值就這兩個
7. 字體
font-family:微軟雅黑;
多個字體用逗號隔開
font-family:"Times New Roman",Georgia,Serif;
font-family:字體1,字體2;
8. 字體風格
font-style:值;
normal
italic
oblique
9. 字體大小
font-size:數(shù)值;
數(shù)值單位為px
10. 文本顏色
color:顏色值;
顏色值可以為一些簡單的英語單詞
color:red;
實際工作中用的比較多的是顏色代碼
color:#111111;
11. 文本加粗
font-weight:值;
常用值:
normal
bold
12. 關于樣式繼承
樣式的繼承問題!
2)文本對齊
3)文本行高
4)字間隔(單詞)
5)字母間隔
6)文字下劃線
7)字體
8)字體風格
9)字體大小
10)文本顏色
11)文本加粗
12)關于樣式繼承
本課導語:
CSS 對文本的處理特別方便,這一節(jié)課我們就來學習一下css 常用的對文本的設
置操作!
CSS 長度值得單位:
%——百分比
in——寸
cm——厘米
mm——毫米
pt——point,大約1/72 寸;
pc——pica,大約6pt,1/6 寸;
px——屏幕的一個像素點;
em——元素的font-size;
1. 文本縮進
text-indent:值;
值為數(shù)字,最常用的數(shù)值單位是px(像素),也可以直接是百分比!
text-indent:100px;
text-indent:10%;
2. 文本對齊
text-align:對其方式;
可以的值為:left、center、right
3. 文本行高
line-height:值;
line-height:23px;
line-height:120%;
默認:normal
4. 字間隔(單詞)
word-spacing:10px;
默認值:normal
5. 字母間隔
letter-spacing:5px;
默認值:normal
6. 文字下劃線
text-decoration:none;
值:underline 或者none 等,常用值就這兩個
7. 字體
font-family:微軟雅黑;
多個字體用逗號隔開
font-family:"Times New Roman",Georgia,Serif;
font-family:字體1,字體2;
8. 字體風格
font-style:值;
normal
italic
oblique
9. 字體大小
font-size:數(shù)值;
數(shù)值單位為px
10. 文本顏色
color:顏色值;
顏色值可以為一些簡單的英語單詞
color:red;
實際工作中用的比較多的是顏色代碼
color:#111111;
11. 文本加粗
font-weight:值;
常用值:
normal
bold
12. 關于樣式繼承
樣式的繼承問題!
總結(jié)
以上是生活随笔為你收集整理的用CSS 给网页装潢[3] -构造文本的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: css网页布局中文字排版的属性和用法
- 下一篇: CSS块级元素和行内元素