HTML頁面中引入CSS和JS的方法總結

2021-09-16 18:41:29 字數 685 閱讀 2467

html檔案中怎麼樣引入css樣式和js,這篇文章總結了在html中引入css和js的方法。下面我們分兩部分分別來介紹,大家可以在做網頁的時候根據情況來使用。

1、行內樣式

通過使用html標籤的style屬性來寫。通過這種方式寫的樣式會覆蓋掉其他引入方式的樣式,優先選擇行內樣式。缺點是不利於後期維護,如果乙個頁面寫太多行內樣式,也會讓頁面看著比較亂。

如何引入css樣式

2、寫在標籤內

可以放在頁面中的任何位置。但通常情況下放在標籤內。這樣比較有統一性,便於查詢。這個用在乙個頁面中還可以,不利於多個頁面同一樣式的使用。

如何引入css樣式

3、引入外部css檔案

這個方法需要單獨建立乙個css檔案,所有的樣式都放到這裡面。易於維護,並且適合多個頁面使用。

如何引入css樣式

1、引入外部js

這個方法是在外部單獨建立乙個js檔案,頁面中所有的js都在這乙個頁面中。易於維護,方便多次使用。

如何引入css樣式

2、當前頁面中

直接把js效果寫在標籤中即可。這部分內容可以放在頁面中的任何位置。但是一般放在頁面的底部。這樣的話便於頁面載入完成再執行js檔案。

html頁面中引入html

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...

頁面中如何引入 外部的 html 或 css

參考 1.四種方法 a iframe標籤 b ajax引入 片段 c link import的方法匯入 d requirejs 2.iframe 方式引入 如果是乙個完整的外部頁面 有完整的html,head,body 可以考慮用iframe。3.ajax 方式 如果僅僅是乙個 片段,也可以用aja...

html中引入css樣式

每個元素都有style屬性,格式 元素 style 屬性名 屬性值 內容 行內樣式表的屬性不需要雙引號,屬性值得單位通常是畫素px為單位 在中新增style,在當前的文件可以使用該樣式,需要的時候可以使用 新建乙個擴充套件名為.css的檔案,新增選擇器及其屬性,如 p在需要引入該檔案中的屬性的檔案 ...