html中 文字和文本的設置


文字樣式

在head中

div{

font-weight:bold;  /normal(正常)    加粗

font-style:italic;    /normal(正常)     傾斜

font-size:48px                             大小

font-family:"楷體"                          字體

line-height:16px;                           行高        行高和div一樣時,文字會居中顯示

}

<head>

歡迎來到這里

</head>

多行文字測量行高方法:

1.確認文字大小

2.確認兩行文字之間空隙的大小

3.空隙大小除以2,得出來的就是值就是每行文字的上下空隙大小

   3.1當行高為奇數時,文字的上方比下方少一個像素

   3.1當行高為偶數時,文字上下空隙一致

4.通過ps輔助線測量多行文字的行高

 

復合樣式  font:bold italic 26px /50px"楷體"     50px為行高       (注意書寫順序)

 

文本樣式  (沒有復合樣式)

div{

color:red;                                          顏色

text-align:right;  /left /center                對齊方式

text-indent:31px;                            首行縮進      2em; (一個em是一個文字大小)

text-decoration: underline;   /none;     下划線

letter-spacing:10px;                            字母間距  

word-spacing;                                      單詞間距(通過空格判別詞語)

white-space:nowrap;    /normal;           強制不換行

測量文字大小時,最好使用從上到下的方法,在文字右側有一像素的空隙,空格占宋體文字的一半

 

 

 

}


免責聲明!

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



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