您好,登錄后才能下訂單哦!
本篇內容介紹了“css怎么去掉加粗樣式”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
font-weight ——粗體,加粗名目單詞
去除勾銷加粗粗體樣式:
font-weight:normal
1、b —— 自己是加粗粗體標簽 <b>我被B加粗</b>
2、strong —— 本人是加粗粗體標簽 <strong>我被strong加粗</strong>
3、h2 —— h2標題標簽,<h2>h2標題加粗</h2>
4、h3 —— h3題目標簽,<h3>h3標題問題加粗</h3>
5、h4 —— h4問題標簽,<h4>h4標題問題加粗</h4>
6、h5 —— h5題目標簽,<h5>h5問題加粗</h5>
經常使用h2 - h5問題標簽,默許所有涉獵器是表示其文字文本內容是粗體成果。
以上html標簽默許就自帶粗體文本字體加粗樣式,成績如下:
這些html元素標簽默許粗體
不論哪類HTML標簽自帶粗體,要作廢去除,其css去除辦法均不異。
零丁去掉各自帶加粗名目的粗體門徑:
1、去除b標簽粗體
b{font-weight:normal}
取締html b標簽粗體截圖
2、取消strong標簽粗體
strong{font-weight:normal}
css取消strong粗體標簽內翰墨字體加粗名目
3、同理分別去除h2 h3 h4 h5
h2{font-weight:normal} h3{font-weight:normal} h4{font-weight:normal} h5{font-weight:normal}
離別去掉h2 h3 h4 h5粗體樣式
4、共用CSS法對抗去掉這幾個標簽粗體
b,strong,h2,h3,h4,h5{font-weight:normal}
共用CSS門徑,儉約代碼地勾銷這些經常使用HTML粗體成效
html網頁重構中,以上案例是對立設置裝備擺設網頁頂用到這些標簽都市默許去掉粗體樣式,但時時,構造時候會使用以上頻仍種種自帶粗體標簽,不不一定默許申請CSS去除加粗款式,我們需要對抉擇性指定帶有粗體標簽去掉。
1、實例代碼
html網頁body內的形式:
我們來到CSS5! <b>進修CSS DIV妙技</b>! <div class="exp"> CSS5正常字<br /> 我要<b>深造CSS</b>上CSS5!<br /> </div>
有兩處使用b加粗標簽,完成字體加粗
2、布局需求
但無心機關需要對指定對象內,固然使用自帶粗體名堂標簽,但不需要加粗效果,這個時候就需要CSS才力處置懲罰去掉粗體。
貪圖CSS代碼:
.exp b{font-weight:normal}
這里CSS表達,“.exp b”的含義,指定class=exp對象內b的格式設置勾銷加粗(font-weight:normal)。
去掉class=exp對象使用b標簽翰墨粗體
3、殘破HTML CSS實例代碼(可直接拷貝使用)
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>去除加粗 CSS5實例</title> <style> .exp b{font-weight:normal} </style> </head> <body> 我們脫離CSS5! <b>學習CSS DIV技術手段</b>! <div class="exp"> CSS5正常字<br /> 我要<b>學習CSS</b>上CSS5!<br /> </div> </body> </html>
“css怎么去掉加粗樣式”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。