masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

Bagaimana untuk menyambungkan html ke css

下次还敢
Lepaskan： 2024-04-11 12:18:20
asal
696 orang telah melayarinya

Terdapat dua cara utama untuk menyambung ke CSS dalam HTML: Gunakan elemen dalam bahagian Tulis kod CSS terus di dalam elemen <style> Kedua-dua kaedah mempunyai kebaikan dan keburukan mereka, dan untuk kebanyakan kes, menggunakan elemen untuk menyambung ke helaian gaya luaran ialah kaedah pilihan.

Bagaimana untuk menyambungkan html ke css

Cara menyambung ke CSS dalam HTML

Terdapat dua cara utama untuk menyambung ke CSS dalam HTML:

Kaedah 1: Gunakan elemen <link>head> Elemen 

<code class="html"><head>
  <link rel="stylesheet" href="styles.css">
</head></code>
Salin selepas log masuk
    <link> menentukan URL helaian gaya untuk disambungkan. Atribut
  • <link> 元素指定了要连接的样式表的 URL。
  • rel="stylesheet" 属性表明该文件是一个样式表。

方法 2：在 <style> 元素内编写 CSS 代码

<code class="html"><head>
  <style>
    body {
      background-color: red;
    }
  </style>
</head></code>
Salin selepas log masuk
  • <style>rel="stylesheet" menunjukkan bahawa fail ialah helaian gaya.
Kaedah 2: Tulis kod CSS di dalam elemen <style>

rrreee

Elemen <style> membolehkan anda menulis kod CSS terus dalam fail HTML.

Kaedah ini lebih pantas daripada menggunakan elemen <link> kerana penyemak imbas tidak perlu memuatkan fail luaran.

  • Kaedah yang manakah untuk dipilih?

      Kedua-dua pendekatan mempunyai kebaikan dan keburukan:
    <link> elemen:

  • Lebih bersih dan lebih boleh diselenggara kerana ia memisahkan kod gaya daripada HTML.

    Membenarkan penggunaan helaian gaya luaran, yang boleh mengurangkan masa muat.
    <style> elemen:

lebih pantas kerana penyemak imbas tidak perlu memuatkan fail luaran. 🎜🎜Sangat mudah untuk perubahan gaya yang ringkas. 🎜🎜🎜🎜🎜Untuk kebanyakan kes, menggunakan elemen untuk menyambung ke helaian gaya luaran ialah kaedah pilihan. Walau bagaimanapun, jika anda perlu membuat perubahan gaya yang cepat dan ringkas, elemen 🎜

Atas ialah kandungan terperinci Bagaimana untuk menyambungkan html ke css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk merujuk fail css luaran dalam html Artikel seterusnya：Bagaimana untuk memanggil js luaran dalam html
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
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1335
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
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...
daripada 2024-04-06 20:41:51
0
1
518
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