CSS學習筆記二 CSS檔案建立與優先順序

2021-09-25 17:38:32 字數 891 閱讀 6481

首先插入樣式表的方法有三種:

與筆記一的例項相同,直接使用 style 標籤在文件頭部定義內部樣式表就可以了

如何建立外部樣式表?

例如:1.將下列**儲存為mystyle.css檔案

h1

.center

pp.blue

p.yellow

#green

2.在自己所需的html檔案裡使用link標籤鏈結到自己的外部樣式表

我只是乙個普通的居中段落

羊村大草原

我變成黃色了

我又成為藍色了!

結果:

這是乙個段落。

樣式表允許以多種方式規定樣式資訊。

樣式可以規定在單個的 html 元素中(內聯樣式),在 html 頁的頭元素中(內部樣式表),或在乙個外部的 css 檔案中(外部樣式表)。

甚至可以在同乙個 html 文件內部引用多個外部樣式表。

一般情況下,優先順序如下:

內聯樣式)inline style > (內部樣式)internal style sheet >(外部樣式)external style

sheet > 瀏覽器預設樣式

CSS學習 CSS 建立

當讀到乙個樣式表時,瀏覽器會根據它來格式化 html 文件。插入樣式表的方法有三種 外部樣式表 內部樣式表 內聯樣式 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用標籤鏈結到樣式表。標籤在 文件的 頭部 rel...

css學習筆記(二)

13,編寫頭部的css 因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法,所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css 1 開啟記事本,在記事本中輸入如下一段普通的html 然後將 檔案以副檔名.html的形式儲存 例項 在html檔案的頭部應用內部樣式表方法新...

CSS學習筆記二

css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位,通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...