css控制文字大小及顏色、字體


字體:font-style:italic;斜體

        font-weight:bold;加粗

        font-size:30px;大小

        line-height:30px;行高

        font-family:“SimHei”;字體

以上必須按順序來,有些可以不寫;

分開寫和一行控制:

注: font-size與 line-height之間的像素要用斜線區分開;

 

<style>
#test1{
color:red;
font-style:italic;

font-weight:bold;

font-size:30px;

line-height:30px;

font-family:"SimHei";

}
#test2{
font:italic bold 30px/30px "SimHei";

}
</style>
</head>
<body>
<p id="test1">人生總有許多偶然和巧合,兩條平行線,也可能會有交匯的一天。
人生又有許多意外和錯過,握在手里的風箏,也會突然斷了線……。 </p>
<p id="test2">生命中,不斷地有人離開或進入。於是,看見的,看不見的;記住的,遺忘了。 生命中,不斷地有得到和失落。於是,看不見的,看見了;遺忘的,記住了。 然而,看不見的,是不是就等於不存在?記住的,是不是永遠不會消失?</p>
</body>

    

設置字體時首先設置需要的,如果該機器沒有這種字體,會選擇后面的,比如先是NewTime,沒有的話就是新宋體,再沒有就是宋體,如果還是沒有則告訴它自己選擇;優先選擇,字體大類放在最后面。

<style>
#test1{
 color:red;
font-family:'微軟不雅黑','微軟雅黑','黑體',sans-serif;
}
#test2{
 color:green;
 font-family:'NewTime','新宋體','宋體',sans-serif;
}
</style>
</head>
<body>
<p id="test1">人生總有許多偶然和巧合,兩條平行線,也可能會有交匯的一天。
人生又有許多意外和錯過,握在手里的風箏,也會突然斷了線……。 </p>
<p id="test2">生命中,不斷地有人離開或進入。於是,看見的,看不見的;記住的,遺忘了。 生命中,不斷地有得到和失落。於是,看不見的,看見了;遺忘的,記住了。 然而,看不見的,是不是就等於不存在?記住的,是不是永遠不會消失?</p>
</body>

  


免責聲明!

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



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