简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

怎么在head区域引入css

青灯夜游
Lepaskan： 2021-07-02 16:26:04
asal
3792 orang telah melayarinya

引入方法：1、使用style标签引入，语法“ ”；2、使用link引入，语法“<link rel="stylesheet" type="text/css" href="css文件路径" />”。

怎么在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>
Salin selepas log masuk

语法中，style标签一般位于head标签之后，也可以把它放在HTML文档中的任何地方。

css代码的一般格式：

css选择器{ 
  属性:值;
  属性:值;
  .....
}
Salin selepas log masuk

2、外部样式表--用link标签引入

将所有的样式放在一个或多个以CSS为扩展名的外部样式表文件中，通过link标签将外部样式链接到HTML文档中，其基本语法格式如下：

<link rel="stylesheet" type="text/css" href="css文件路径" />
Salin selepas log masuk

  • rel属性：定义当前文档与别链接文档之间的关系，"stylesheet"表示：被链接的文档是一个样式表文件

  • href属性：定义所链接的外部样式表文件的URL，可以是相对路径，也可以是绝对路径

（学习视频分享：css视频教程、html视频教程）

Atas ialah kandungan terperinci 怎么在head区域引入css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css head html
sumber：php.cn
Artikel sebelumnya：html文本区域大小怎么设置 Artikel seterusnya：html如何调用外部css
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Di manakah saya harus mula menjadikan halaman ini responsif? <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
daripada 2024-04-04 21:21:25
0
1
457
Cara untuk memberikan data melalui DOM dan bukannya melalui jadual Saya mempunyai soalan tentang aplikasi yang saya buat, saya menggunakan pangkalan data Ora...
daripada 2024-04-04 18:17:27
0
1
3567
3. Model JS 3D telah ditambahkan tetapi tidak kelihatan Saya cuba menambah model 3D pada tapak web saya. Saya menggunakan tiga .js. Saya mencuba s...
daripada 2024-04-03 19:06:13
0
1
264
Bagaimana untuk mendapatkan nilai input melalui acara onblur? Saya cuba mendapatkan input nilai melalui acara onblur tetapi ia tidak berfungsi apabila s...
daripada 2024-04-03 08:55:32
0
1
360
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！