CSS Cascading Style Sheets 層疊樣式表:CSS瞭解 (一)

Murrayi發表於2020-10-16

一、CSS 瞭解

1:行內樣式
<p style=”color:blue”>我是段落</p>

2:內部樣式
在head裡寫 style標籤寫選擇器

3:外部樣式
新建一個新的檔案字尾為  .css
連結引入  用  link 標籤引用
<link rel=”stylesheet” href=”路徑”>

標籤分類
塊級標籤:獨佔一行 可是設定寬高

行內標籤:不獨佔一行  不可以設定寬高

行內快標籤:沒有獨佔一行  可以設定寬高

標籤種類轉換
display:”inline”; 行內元素
display:”block”;  塊級元素
display:”inline-bolck”; 行內元素

權重問題
* 權重為      0 0 0 0
標籤          0 0 0 1
類            0 0 1 0
id            0 1 0 0
行內          1 0 0 0
!important (權重值最大)

height:vh  ;佔螢幕高度
width:vw	;佔螢幕寬度

相關文章