引入外部css CSS的引入方式筆記

2021-10-14 22:04:21 字數 922 閱讀 4544

css一共有五種引用方式。

1、直接在body、h1等標籤裡面寫標籤或者屬性,這種叫做行內式,不過這種基本已經廢棄了:

——body的背景顏色為紅色;

——hi標籤居中,並且顏色為紅色

2、在body、h1等標籤裡面寫上style,這種叫做style屬性,把樣式寫在標籤上,也叫所style內聯樣式,這種方式會導致html**冗長:

——body的背景顏色為灰色;

——hi標籤劇中,並且顏色為紅色。這裡乙個style=後面把裡面的屬性都放到引號裡麵包起來。以英文的分號;隔開各個屬性。

3、一般在head標籤裡面寫乙個style標籤,不寫在head標籤裡面也可以,這種叫做style嵌入式。這種方式會使標籤變得比較簡潔,但是也會導致html**冗長,但是可以集中看到css樣式。

4、style外部式,通過html檔案外部引入乙個css,也就是把第三種方法中的style放到html意外的css中去即可,這樣會使html**變得簡潔很多。這種是現在用的最多的,但是html中需要寫入引用**:

rel就是relationship(關係),css就是一種stylesheet,引用到./就是當前目錄下的style.css檔案。

通過在該資料夾下使用git bash,輸入http-server -c -1來是使用http協議開啟

輸入就可以使用http協議開啟,看到html.html通過了get請求得到style.css

5、最後一種,用的不多,就是css裡面引入另外一css。

@import url(./b.css);
括號裡面先對路徑和絕對路勁都可以。

css css的宣告 外部引入

css的宣告,如果三個宣告都針對同乙個標籤,則最終顯示最後乙個宣告的內容 在head標籤中使用style標籤宣告 宣告當前網頁的公共樣式 在標籤上使用style屬性進行宣告 此宣告作用於當前標籤 在head標籤中使用link標籤引入外部宣告好的css檔案 相當於呼叫 在css檔案中引入其他css i...

中像html中引入css CSS引入方式

a 內部樣式,把css 寫入style標籤中。b 外部樣式,把css 寫入.css檔案中。第一步 新建乙個.css檔案,然後在.css檔案中書寫css 第二步 在html文件中,引入.css檔案。使用link標籤來引入。c 行內樣式,在標籤中新增乙個style屬性,然後把css樣式書寫在style屬...

Extjs 引入外部樣式

針對extjs container部分,有時要設定樣式 但是介面上有很多container,雖說用style可以設定,但是乙個個設定後期維護難以維護 故引用scss檔案 scss的檔名要和js對應 這樣的好處就是不用額外宣告引入scss檔案了 container.js是最外層的容器 類似這樣的結構 ...