首頁 >web前端 >前端問答 >css怎麼讓樣式失效

css怎麼讓樣式失效

藏色散人
藏色散人原創
2021-04-08 09:15:153253瀏覽

css讓樣式失效的方法:先建立一個HTML範例檔;然後使用div標籤建立一行文字,並給該文字新增css樣式;最後使用css註解符「/* */」對需要失效的css程式碼進行註解即可。

css怎麼讓樣式失效

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

新建一個html文件,命名為test.html,用來講解怎麼讓某個區域的css失效。

css怎麼讓樣式失效

在test.html檔案內,使用div標籤建立一行文字,並設定其class為dcss,主要用於下面透過該class來設定css樣式。

css怎麼讓樣式失效

在test.html檔案內,寫標籤,頁面的css樣式將寫在該標籤內。

css怎麼讓樣式失效

在css標籤內,對div元素進行樣式設置,使用font-size設定文字大小為30px,使用color設定文字顏色為紅色,使用font-weight設置字體為粗體,使用background設定背景顏色為灰色。

css怎麼讓樣式失效

在瀏覽器中開啟test.html文件,查看實現的效果。

css怎麼讓樣式失效

在test.html檔案內,使用css註解符「/* */」對需要失效的css程式碼進行註釋,例如,只保留文字大小和文字顏色的css樣式,使div元素的粗體屬性和背景顏色失效。

css怎麼讓樣式失效

再次在瀏覽器中開啟test.html頁面,可見,成功使註解掉的css程式碼失效。

css怎麼讓樣式失效

【推薦學習:css影片教學

以上是css怎麼讓樣式失效的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:css放在哪裡下一篇:css放在哪裡