在前端開發中,CSS是樣式的靈魂,而CSS樣式又有幾種類型。常見的CSS樣式有以下幾種:
1.內聯樣式
在HTML標簽的style屬性內設置CSS樣式即為內聯樣式,這種樣式只會對當前元素起作用。例如:
<p style="color:red;">測試</p>這樣就可以將文字顏色設置為紅色。 2.內部樣式表 在HTML文檔的<head>標簽內使用<style>標簽書寫CSS樣式,并設置標簽的type屬性為"text/css",這種樣式表只作用于當前HTML文檔內的元素。例如:
<head> <style type="text/css"> p {color:red;} </style> </head> <body> <p>測試</p> </body>3.外部樣式表 將CSS樣式寫在外部文件中,然后在HTML文檔內通過<link>標簽引入,這種樣式表作用于整個站點或多個文檔。例如: CSS文件style.css:
p {color:red;}HTML文件:
<head> <link rel="stylesheet" href="./style.css"> </head> <body> <p>測試</p> </body>4.嵌套樣式 在樣式表中可以嵌套多個選擇器,這種樣式表作用于匹配所有選擇器的元素。例如:
<style type="text/css"> div p { color:red; } </style> <div> <p>測試</p> </div>總之,不管哪種CSS樣式,都有自己的特點和應用場景,開發者應該根據實際情況選擇合適的方式來為網站添加樣式。
上一篇css樣式重新設置類型
下一篇css樣式里面的透明代碼