方法:1、利用span標(biāo)簽將需要改變格式的文字包裹起來,語(yǔ)法為“指定文字”;2、利用選擇器選中指定的span標(biāo)簽元素,并設(shè)置不同的樣式即可,語(yǔ)法為“span對(duì)象{css屬性,屬性值;}”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣設(shè)置同一行字的格式不同
在css中,想要設(shè)置同一行文字格式不同,可以利用span標(biāo)簽將需要改變格式的文字包裹起來。
<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。然后通過選中指定的span標(biāo)簽元素,來設(shè)置這些指定的文字格式。
HTML <span> 元素是內(nèi)聯(lián)元素,可用作文本的容器。
<span> 元素也沒有特定的含義。
當(dāng)與 CSS 一同使用時(shí),<span> 元素可用于為部分文本設(shè)置樣式屬性。
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .one{ font-family:"楷體"; } .two{ font-family:"宋體"; } .three{ color:red; } </style> </head> <body> <p>這一段文字,用到<span class="one">楷體</span>、<span class="two">宋體</span>等不同的格式,還可以改變<span class="three">顏色</span>。</p> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)