Cara Menggunakan Template CSS

Saat mengelola keberadaan perusahaan Anda secara online, beberapa dasar berguna. Menggunakan style sheet eksternal adalah contoh yang bagus dari alat yang membuat pekerjaan Anda lebih mudah. Lembar gaya menentukan bagaimana tampilan dokumen HTML dengan mendefinisikan gaya untuk elemen tertentu. Impor file CSS templat premade untuk menerapkan gaya ke halaman Web Anda, membuatnya lebih mudah untuk merancang situs web Anda dan mempertahankan konsistensi di seluruh. Anda bahkan dapat menggunakan lembar CSS sebagai dasar untuk mendesain template Anda sendiri.

1.

Simpan template CSS Anda di direktori yang sama dengan halaman HTML yang ingin Anda gunakan. Misalnya, jika Anda ingin halaman "index.html" menggunakan template CSS "template.css, " maka simpan template.css dalam folder yang sama dengan tempat Anda menyimpan "index.html."

2.

Buka file HTML dalam editor teks.

3.

Temukan tag kepala di file HTML. Ketikkan dokumen HTML di antara tag ini untuk menautkan file HTML ke file template CSS. File template Anda mungkin memiliki nama yang berbeda, jadi gunakan nama yang benar di tempat "template.css." Bagian kepala HTML Anda terlihat mirip dengan contoh ini:

4.

Simpan file HTML.

5.

Buka file HTML di browser Web. Gaya template CSS yang Anda lampirkan berlaku, membuat situs web Anda lebih konsisten.

Peringatan

  • Sementara file CSS menerapkan instruksi gaya ke area umum seperti latar belakang dan teks dokumen utama, beberapa file template CSS menentukan tag tertentu yang mungkin tidak cocok dengan tag dalam dokumen Anda. Baca file CSS dan dokumentasinya untuk memastikan bahwa Anda menggunakan tag dan bagian yang sama dengan yang digunakan file CSS untuk mendapatkan hasil terbaik.

Pesan Populer