CSS樣式引入

2021-08-18 20:49:08 字數 954 閱讀 3571

我們已經學習了行內、內嵌和外鏈三種方式來引入我們的 css 樣式,這裡我們再深入**下。

通過給元素新增 style 屬性來新增樣式,如下:

style="color: red;">顏色為紅色div>

style="color: red;">顏色為紅色div>

所以我們一般不會大量使用這種方式新增樣式,只有在少量使用 js 改變樣式的時候使用。

通過在元素中使用元素來定義:

type="text/css">

div

style>

head>

該方法有效解決了第乙個行內方式的帶來的多元素不能重用同乙個樣式的問題,但是同時又暴露出了另乙個問題:沒有辦法和其他頁面共用,只能本頁面使用。所以當多個頁面需要引入相同的 css **時,這樣寫會導致**冗餘,也不利於維護。

這種方式我們一般在寫簡單 demo 的時候或者在移動端追求效能優化時使用。

通過在元素中使用元素來引入:

rel="stylesheet"

type="text/css"

href="style.css">

head>

其實除了上面三種方式之外,還有第四種方法,就是@import匯入的方式。這種方式呢建議只作為乙個了解,千萬不要使用。

引入方式如下:

@import url(style.css);

style>

可以看到這個這個方式也是引用乙個外部css檔案,那麼和上面的外鏈方式有什麼區別呢?

在實際網頁中我們應盡量使用標籤匯入外部 css 檔案,避免或者少使用其他三種方式。

css字型樣式,引入css樣式的方法,css選擇器

font總結 屬性 表示注意點 font size 字型大小我們通常用的單位是px畫素,一定要跟上單位 font family 字型實際工作中按照團隊約定來寫字型 font weight 字型粗細 加粗700或bold,不加粗normal或400,數字不更單位 font style 字型樣式 傾斜是...

html中引入css樣式

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

9 CSS樣式引入

標籤上使用style屬性直接引入css樣式,即內聯樣式。style color red font size 24px 這是乙個段落p body 在頭部標籤內通過設定css樣式,即內部樣式。charset utf 8 網頁標題title pstyle head 這是一段文字p body html 新建...