您好,登錄后才能下訂單哦!
這篇文章主要介紹html如何引用css,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
html引用css的方法:1、通過內聯樣式引用css,代碼如“<body style="...">”;2、通過內部樣式表引用css,代碼如“<style type="text/css">..</style>”;3、通過外部樣式表引用css。
本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦。
html引用css的三種方法
CSS 是在 HTML 4 開始使用的,是為了更好的渲染HTML元素而引入的.
CSS引入到html中有以下三種方法:1- 內聯、2-內部樣式表、3-外部樣式表。
內聯樣式:
<body style="background-color: gray">
在標簽內style=" "
內部樣式表:
<style type="text/css"> p {color:red;} <!--內部樣式表--> </style>
用style標簽,將要進行css控制的屬性放在標簽內
外部樣式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
在head標簽內,并且用link標簽來引入你要加載的css文件
無意間發現,當我用這三個表示方法同時對background-color屬性控制的時候,只有內聯樣式的標簽內屬性起作用。
內聯標簽設置背景顏色為灰色,內部樣式表設置為紅色,外部樣式表不設置。html上背景顏色為灰色。
內聯標簽設置背景顏色為灰色,外部樣式表設置為黃色,內部樣式表不設置。html上背景顏色為灰色。
內部樣式表設置為紅色,外部樣式表設置黃色。html上背景顏色為黃色。
得出:內聯>外部樣式表>內部樣式表
由此可見屬性是以距離標簽近的最先體現出來的。
以上是“html如何引用css”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。