Benamkan CSS dalam HTML 5 - itulah cara ia dilakukan
Anda boleh dengan mudah mengintegrasikan CSS dalam HTML 5. Kerana jika anda ingin menjadikan dokumen HTML dan XML anda lebih menarik secara grafik, Cascading Style Sheets (CSS) adalah pilihan yang baik. Bahasa pemformatan menawarkan banyak pilihan untuk meningkatkan laman web anda secara visual. Terdapat tiga cara yang berbeza untuk mengintegrasikan CSS ke dalam HTML 5. Kami akan menunjukkan kepada anda ini dalam petua praktikal ini.
CSS dalam HTML 5: Pilihan 1 - Fail CSS Outsource
Pilihan pertama ialah memindahkan CSS ke fail berasingan. Ini menawarkan banyak kelebihan: Gaya stylesheet bukan sahaja mempengaruhi satu halaman tetapi digunakan secara automatik dalam setiap halaman HTML5. Kelebihan utama ialah pentadbiran pusat. Anda boleh dengan cepat melaksanakan perubahan pada semua halaman. Bagaimana untuk membenamkan fail CSS dalam HTML 5:
- Buat fail CSS baru.
- Di bahagian kepala, rujuk kepada fail CSS anda. Dalam kes ini fail itu dinamakan style.css - tetapi penamaannya tentu saja individu:
- Anda harus menyimpan fail style.css dalam direktori utama pelayan web.
- Anda berjaya menggabungkan fail CSS anda ke dalam HTML 5.
CSS pada permulaan fail HTML 5 anda
Jika anda tidak mahu membuat fail CSS penyumberan luar, anda juga boleh menetapkan sifat CSS dalam pengepala dokumen HTML 5 anda. Ini kemudian hanya menjejaskan fail HTML 5 ini, bukan untuk semua HTML 5 halaman.
- Buka dokumen HTML 5 anda
- Masukkan arahan berikut di kawasan kepala:
- Sekarang tentukan sifat yang dikehendaki: Ini boleh, contohnya, saiz tajuk, warna teks, dan sebagainya. Gunakan arahan CSS yang biasa untuk ini.
- Tutup arahan selepas memasukkan sifat dengan.
- Ciri-ciri tertentu digunakan untuk dokumen HTML 5 ini.
Gaya inline CSS: gunakan arahan secara langsung
Cara terakhir untuk mengintegrasikan CSS dalam HTML 5 adalah gaya sebaris. Ini bermakna anda memasukkan arahan anda secara langsung dalam kod sumber.
- Pergi ke titik di mana anda mahu menukar paparan grafik.
- Masukkan arahan CSS secara langsung. Sebagai contoh, ini mungkin kelihatan seperti ini:
Subheading biru
- Harta ini hanya digunakan untuk arahan ini.