1. 程式人生 > >css 網頁中如何巢狀style樣式?

css 網頁中如何巢狀style樣式?

Css 叫層疊樣式表,給html新增樣式

Htmltype=”text/html”

 

網頁中如何巢狀style樣式?

1.        行間樣式將style當做屬性寫在標籤內。權重1000

2.行內樣式把style當做標籤來用寫在head之間

3.style當做css檔案來用。外部引入

relhref 是必不可少的。

備註:雙標籤必須寫結束標籤   p可以忽略結束標籤。

 

Css的三種引入方式

行間樣式把style當做屬性使用,鍵值對在屬性值中該怎麼用就怎樣用,行內把style

當做標籤使用鍵值對還是老樣子,外部引入,將樣式寫在css檔案中,還是以鍵值對的形式書寫樣式。

4,嵌入式瞭解

 

備註

 

 

a是特殊的,要改變a裡面的顏色,必須直接給a設定,給a的父級設定不行

 

屬性繼承:明明是父級上設定樣式,結果後代標籤也跟著發生變化,這就叫屬性繼承

 

哪些屬性可以繼承?

 

color 字型顏色

 

font系列也會繼承 font-size font-style font-family font-weight

 

 

 

課程叫html

css

 

Html 標記語言,不是程式語言。說白了就是標籤

 

Css  層疊樣式表  給標籤新增樣式的

 

1.        選擇器

 

2.        Css樣式的引入

 

1,文字的樣式  text

 

A,顏色  color:red;

 

B,文字對齊方式: text-align:left/center/right/justify;

 

C,文字修飾:     text-decoration:none/overline/underline/line-through;

 

None  什麼都沒有  overline 是上劃線 line-through 刪除線 underline下劃線

 

D,文字縮排  text-indent:20px; 

 

2.字型font

 

A,大小   font-size:20px;

 

B,顏色   color:red;      font-color:red;  x

 

C,形狀   font-style:normal/italic/oblique/inherit;   瞭解

 

 

D,字形: font-family:”微軟雅黑”;

 

E,加粗   font-weight:bold;後面也可跟數字

 

400是正常  400大是加粗比400小是變細不帶px