简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

怎麼在head區域引入css

青灯夜游
發布： 2021-07-02 16:26:04
原創
3794 人瀏覽過

引入方法：1​​.使用style標籤引入，語法「 」；2、使用link引入，語法「」。

怎麼在head區域引入css

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在head區域引入css有兩種方法：

  • 內部樣式表--用style標籤定義

  • 外部樣式表--用link標籤引入

1、內部樣式表--用style標籤定義

將css程式碼集中寫在HTML文件的head頭部標籤中，並且用style標籤定義，其基本語法格式如下：

<head>  
<style type="text/css"> 
css代码
</style> 
</head>
登入後複製

語法中，style標籤一般位於head標籤之後，也可以把它放在HTML文檔中的任何地方。

css程式碼的一般格式：

css选择器{ 
  属性:值;
  属性:值;
  .....
}
登入後複製

2、外部樣式表--用link標籤引入

將所有的樣式放在一個或在多個以CSS為副檔名的外部樣式表檔案中，透過link標籤將外部樣式連結到HTML文件中，其基本語法格式如下：

<link rel="stylesheet" type="text/css" href="css文件路径" />
登入後複製

  • rel屬性：定義目前文件與別連結文件之間的關係，"stylesheet"表示：被連結的文檔是一個樣式表檔案

  • href屬性：定義所連結的外部樣式表檔案的URL，可以是相對路徑，也可以是絕對路徑

（學習影片分享：css影片教學、html影片教學）

以上是怎麼在head區域引入css的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
css head html
來源：php.cn
上一篇：html文字區域大小怎麼設定 下一篇：html如何呼叫外部css
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
我該從哪裡開始讓這個網頁回應？ <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
來自於 2024-04-04 21:21:25
0
1
457
如何透過 DOM 而不是透過表格來呈現數據 我對我正在創建的應用程式有疑問，我正在使用Oracle資料庫，並且我正在從資料庫中獲取資訊並透過表格將其呈現在螢幕上，但我想嘗試單獨處理這些數據，例如創建一個段落並顯示一個值。我只...
來自於 2024-04-04 18:17:27
0
1
3567
三.JS 3D模型已新增但不可見 我正在嘗試將3D模型添加到我的網站。我正在使用三個.js。我盡了一切努力，但無法使3D模型可見。在開發者工具的網路標籤中，我可以看到MTL和OBJ檔案已加載，但頁面只是空白。我嘗試...
來自於 2024-04-03 19:06:13
0
1
264
如何透過 onblur 事件取得輸入值？ 我試圖透過onblur事件獲取值輸入，但當我使用JS模組時，它不起作用。 <!DOCTYPEhtml><htmllang="en">&l...
來自於 2024-04-03 08:55:32
0
1
360
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！