溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下web開發中怎么去掉內聯樣式，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
經常修改magento的時候，有遇到element.style。 這個的優先級別超過style.css。 所以修改css，沒效果。 怎樣能使級別超越element.style呢？ 要用到 ！important
在css屬性值后面加上！important。它的優先級別就超越了element.style
有三條途徑可以把CSS應用到HTML中去。
內聯
內聯樣式通過style屬性直接套進HTML中去。
看起來像這樣：
代碼如下:
<p >text</p>
這將會是指定的段落變成紅色。
我們的建議是，HTML應該是獨立的、樣式自由的文檔，所以內聯樣式無論在什么情況下都應該盡量避免。
內部
內部樣式服務于整個當前頁面。在頭標簽head里面，樣式標簽style里包含當前頁面的所有樣式。
看起來像這樣：
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSS Example</title> <style type="text/css"> p { color: red; } a { color: blue; } </style> ...
這將使這個頁面的所有段落都是紅色的，所有的連接都是藍色的。
與內聯樣式類似，你應該是HTML文檔和CSS文檔分離開來，下面，我們的救世來了……
外部
外部樣式為整個網站的多個頁面服務。這是一個獨立的CSS文檔，簡單的一個范例如下：
代碼如下:
p { color: red; } a { color: blue; }
如果這個文檔存為“web.css”的話，它可以這樣跟HTML文檔連接起來：
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS Example</title>
<link rel="stylesheet" type="text/css" href="web.css" /> ...
在CSS高級指南中，我們還將看到其他連接外部樣式表的方法，但到目前，這已經足夠了。
想從本指南中收獲更多，嘗試著在你的文本編輯器中新建一個文檔，在HTML文檔相同的目錄中，把這些代碼保存為“web.css”。
現在像下面一樣改進你的HTML文檔：
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>My first web page</title> <link rel="stylesheet" type="text/css" href="web.css" /> </head> ...
保存HTML文檔。現在已經把HTML和CSS連接起來了，但還是空白一片，沒有改變什么東西。隨著進一步學習CSS初級指南，你可以增添或者改變CSS文檔，通過刷新瀏覽器里的HTML文檔，方便地看到效果，像我們以前做的一樣。
以上是“web開發中怎么去掉內聯樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
