CSS建立(樣式表引入)

2021-07-29 08:09:57 字數 1441 閱讀 2042

一、如何插入樣式表

1.外部樣式表

2.內部樣式表

3.內聯樣式

二、外部樣式表詳解

每個頁面使用標籤鏈結到樣式表,標籤在(文件的)頭部。

瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。

外部樣式表mystyle.css注意事項

1、檔案不能包含任何html標籤。

2、樣式表應該以.css副檔名進行儲存

3、不要再屬性值和單位之間留有空格(例如"margin-left:20px"不能寫成"margin-left:20 px")

例子:

hr

p body

三、內部樣式表詳解

當單個文件需要特殊的樣式時,就應該使用內部樣式表,你可以使用標籤在文件頭部定義內部樣式表。

例子:

四、內聯樣式

要使用內聯樣式時,你需要在相關的標籤內使用style樣式屬性,

例子:

this is a paragraph.

五、多重樣式及層疊順序

1、如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。

2、當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4擁有最高的優先權

i  瀏覽器預設設定

ii 外部樣式表

iii 內部樣式表(位於標籤內部)

iv 內聯樣式(在html元素內部)

css筆記之引入css樣式表

css cascading style sheets css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整...

CSS學習之樣式表引入

style height 100px weight 50px x p 注意點 內聯樣式只能包含乙個宣告塊,不能放樣式表 import 完整的規則。type text css media print,screen color red font size 100px style 注意點 1.可以設定me...

引入CSS樣式表(書寫位置)

內嵌式是將css 集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下 選擇器 style head 語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。type text css 在html5中可以省略,寫上也比較...