CSS操作——文本屬性


1、font-style(字體樣式風格)

/*
屬性值:
normal:設置字體樣式為正體。默認值。 
italic:設置字體樣式為斜體。這是選擇字體庫中的斜體字。
oblique:設置字體樣式為斜體。人為的使文字傾斜,而不是去使用字體庫的斜體字。
*/

  

2、font-weight(字體粗細)

/*
屬性值:
normal:設置字體為正常字體。相當於數字值400
bold:設置字體為粗體。相當於數字值700。
bolder:設置字體為比父級元素字體更粗的字體。
lighter:設置字體為比父級元素字體更細的字體。
number:用數字表示字體粗細。從小到大,越來約粗,取值范圍:100、200、300、400、500、600、700、800、900。
注意:
font-weight的常用值有兩個normal和bold,其他的值在瀏覽器中的支持並不好。
*/

  

3、font-size(字體大小)

/*
font-size的值有很多,有xx-small、x-small、small、medium、large、x-large、xx-large、smaller和larger,也可以設置值為具體的數值加上對應的計算單位來表示字體的大小。字體單位有像素( px )、字符( em,默認1em等於16px,2em等於32px,根據不同瀏覽器的默認字體大小而決定 )、百分比( % ),磅[點]( pt )。
字體不指定大小時,主流瀏覽器默認是15像素到16像素。舊版本的谷歌瀏覽器,字體最小只能設置成12像素,新版已經修復。
*/

  

4、font-family(字體族)

/*
font-family可以指定元素使用的字體系列或字體族。當我們使用font-family指定字體族的時候,可以指定多種字體,作為候補。指定多個字體的時候,需要使用逗號隔開。
如果css中沒有聲明當前內容使用的字體族的時候,默認:
  中文:  宋體 [ win7以后默認是 微軟雅黑 ]
  英文:  Arial
*/

  

5、color(字體顏色)

// 可以使用color來表示字體的顏色,顏色值最常用的有三種形式,英文單詞,十六進制,RGB十進制。更高級的有 RGBA、HSL、HSLA,不過低版本的瀏覽器並不支持。

  

<style>
        .c1{
            color: red;
        }
        .c1{
            color: #369;
        }
        .c1{
            color: RGB(0,0,255);
        }
</style>

  

 

6、text-align(文本對齊方式)

/*
text-align屬性可以設置文本內容的水平對齊方式。屬性值常用的有
左對齊left、居中對齊center、右對齊right。justify 實現兩端對齊文本效果。
*/

  

7、text-decoration

// 使用text-decoration可以設置文本內容的裝飾線條,正常的文本是沒有線條的,常用的值有none,underline,overline,line-through四種。

  

8、line-height(字體行高)

// 字體行高即字體最底端與字體內部頂端之間的距離。值可以是normal、px、number、%。

  

行高 = 字體大小 + 上半行距 + 下半行距

 

 

9、vertical-align

vertical-align 屬性設置元素的垂直對齊方式。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM