前端一HTML:二十CSS的三种存在方式
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:二十CSS的三种存在方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 行內樣式(存在于標簽之中,用style屬性設置)
<p style="color:red">這是內容</p>2. 嵌入樣式(也稱內聯樣式, 存在于title標簽之下的style標簽之中)
<style type="text/css">p{color: red;} </style>3. 外部樣式:(也稱外聯樣式,存在于一個外部文件中)
?<link rel="stylesheet" href="CSS文件.css">?
?一般css使用第二種，第三種方式的比較多。
?補充一:優先級:
? ?!important > 行內樣式 > id > class > 標簽 > 通配符 > 繼承 > 默認
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="CSS文件.css"><style type="text/css">p{color: red;}#content{color: blue;}.content{color: yellow !important;}</style> </head> <body><p class="content" id="content" style="color:pink">這是內容</p> </body> </html>?補充二:請求帶有css外部樣式的頁面.
? 如果頁面上存在css的外部樣式,那么將來瀏覽器在解析到這一段內容的時候會再發送一條請求去請求服務器.
??
?補充三: 請求css外部樣式的過程與頁面下面標簽解析是同時進行的。?
總結
以上是生活随笔為你收集整理的前端一HTML:二十CSS的三种存在方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Jsp-request与requestS
- 下一篇： 前端一HTML:二十一与文本相关的属性