在網頁設計中,CSS樣式是必不可少的一部分。以下是常見的四種CSS樣式:
1. 內聯樣式 內聯樣式是直接在HTML標簽中定義樣式,使用style屬性。例如: <p style="color:red; font-size:16px;">這是一段紅色的16號字體</p> 這種樣式的優點是方便快捷,但如果需要改變樣式的話需要找到對應的標簽再修改。 2. 內部樣式表 內部樣式表是在HTML文檔中,使用<style>標簽定義。例如: <head> <style> p { color: blue; font-size: 20px; } </style> </head> 這種樣式的優點是可以在一個HTML文檔中集中定義所有的樣式,但是如果需要改變樣式的話需要修改HTML文檔。 3. 外部樣式表 外部樣式表是將樣式定義在一個外部的CSS文件中,然后在HTML文檔中引用。例如: <head> <link rel="stylesheet" href="style.css"> </head> 這種樣式的優點是可以被多個HTML文檔共享,方便樣式的維護和修改。 4. 嵌套樣式 嵌套樣式是將樣式定義在一個父元素中,然后這個樣式會影響到所有的子元素。例如: <div style="color: green;"> <p>這是一個綠色的段落</p> <span>這也是綠色的</span> </div> 這種樣式可以簡化樣式的定義,但是同時也可能會導致樣式之間的沖突。
上一篇503頁面+css
下一篇50道css基礎面試題