html:(33):文字排版粗体和斜体
生活随笔
收集整理的這篇文章主要介紹了
html:(33):文字排版粗体和斜体
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
文字排版--粗體
我們還可以使用css樣式來(lái)改變文字的樣式：粗體、斜體、下劃線、刪除線，可以使用下面代碼實(shí)現(xiàn)設(shè)置文字以粗體樣式顯示出來(lái)。
p span{font-weight:bold;}在這里大家可以看到，如果想為文字設(shè)置粗體是有單獨(dú)的css樣式來(lái)實(shí)現(xiàn)的，再不用為了實(shí)現(xiàn)粗體樣式而使用h1-h6或strong標(biāo)簽了。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>粗體簽</title> <style type="text/css"> p span{font-weight:bold;}</style> </head> <body><h1>勇氣</h1><p>三年級(jí)時(shí)，我還是一個(gè)<span class="stress">膽小如鼠</span>的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)<a href="https://blog.csdn.net/weixin_43392489">批評(píng)</a>我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p><p>到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開(kāi)課，老師提出了一個(gè)很簡(jiǎn)單的問(wèn)題，班里很多同學(xué)都舉手了，甚至成績(jī)比我差很多的，也舉手了，還說(shuō)著："我來(lái)，我來(lái)。"我環(huán)顧了四周，就我沒(méi)有舉手。</p> </body> </html>文字排版--斜體
以下代碼可以實(shí)現(xiàn)文字以斜體樣式在瀏覽器中顯示：
p a{font-style:italic;}<p>三年級(jí)時(shí)，我還是一個(gè)<a>膽小如鼠</a>的小女孩。</p> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>斜體樣式</title> <style type="text/css"> a p{font-style:italic; }</style> </head><body> <p>三年級(jí)時(shí)，我還是一個(gè)<a>膽小如鼠</a>的小女孩。</p> </body> </html>運(yùn)行結(jié)果
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的html:(33):文字排版粗体和斜体的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 43request对象 续
- 下一篇： 实现linux cp 命令和修改配置文