樣式表css有哪幾種類型

青灯夜游
發布: 2023-01-07 11:43:40
原創
10509 人瀏覽過

樣式表css有3種類型:1、行內樣式表,把CSS樣式透過style屬性直接放在程式碼行內的標籤中;2、內部樣式表,把CSS樣式放到「

樣式表css有哪幾種類型

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

一個或多個 CSS 樣式可以組成一個樣式表。樣式表包括行內樣式表、內部樣式表和外部樣式表,它們沒有本質區別,都是由一個或多個樣式組成。

1、行內樣式表

行內樣式就是把CSS 樣式直接放在程式碼行內的標籤中,通常會放入標籤的style屬性中,由於行內樣式直接插入標籤中,故是最直接的一種方式,同時也是修改最不方便的樣式。

範例:

<p style="background-color: #999900">行内元素,控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素,h2 标题元素</h2>
<p style="background-color: #999900">行内元素,控制段落-2</p>
<strong style="font-size:30px;">行内元素,strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素,div 块级元素</div>
<em style="font-size:2em;">行内元素,em 强调</em>
登入後複製

2、內部樣式表

內部樣式表包含在