Rumah > Artikel > hujung hadapan web > cara membuat css
CSS (Cascading Style Sheets) ialah bahagian penting dalam reka bentuk web, yang menentukan penampilan dan reka letak halaman web. Artikel ini menerangkan cara membuat fail CSS untuk menambah gaya tersuai pada tapak web atau aplikasi anda.
Langkah 1: Buat fail teks kosong
Mula-mula, anda perlu mencipta fail teks kosong. Anda boleh menggunakan mana-mana editor teks seperti Notepad atau Teks Sublime. Pada Mac, anda boleh menggunakan TextEdit atau Atom.
Langkah 2: Namakan fail CSS
Simpan fail teks kosong sebagai fail CSS. Nama fail hendaklah berakhir dengan .css, contohnya style.css. Pastikan nama fail sepadan dengan sambungan fail untuk memastikan penyemak imbas dapat mengenal pasti dan memuatkan fail dengan betul.
Langkah Tiga: Pautkan ke Fail HTML
Sila ambil perhatian bahawa cara yang paling biasa untuk menambah gaya CSS pada halaman web ialah dengan memaut ke helaian gaya CSS dalam dokumen HTML. Ini boleh dilakukan menggunakan teg pautan dalam teg
Contohnya:<link rel="stylesheet" type="text/css" href="style.css">
Dalam contoh ini, atribut rel memberitahu penyemak imbas bahawa ini ialah pautan helaian gaya , taip Atribut memberitahu pelayar bahawa ini ialah helaian gaya CSS, dan atribut href memberitahu penyemak imbas lokasi dan nama fail helaian gaya.
Langkah 4: Tulis kod CSS anda
Sekarang anda telah mencipta fail CSS kosong dan memautkan lembaran gaya CSS ke dalam fail HTML, anda boleh mula menulis kod CSS. Anda boleh menggunakan pemilih CSS untuk menggayakan elemen dalam dokumen HTML.
Sebagai contoh, untuk menetapkan warna semua elemen perenggan kepada merah, anda boleh menulis kod berikut:
p {
warna: merah;
}
Anda boleh Gunakan pendakap kerinting untuk mengumpulkan sifat bersama-sama, dan menggunakan koma bertitik untuk memisahkan setiap sifat. Dalam contoh ini, kami menggunakan sifat warna untuk menetapkan sifat warna.
Selain menetapkan warna, anda juga boleh menetapkan sifat seperti saiz fon, sempadan dan latar belakang.
Langkah 5: Simpan dan Pratonton
Selepas selesai menulis kod, simpan fail CSS. Anda boleh melakukan ini dengan mengklik butang Simpan dalam editor teks atau menggunakan kekunci panas CTRL+S.
Akhir sekali, buka fail HTML untuk melihat sama ada helaian gaya telah berjaya digunakan. Jika helaian gaya tidak dimuatkan dengan betul atau tidak berjaya digunakan, anda perlu menyemak teg pautan HTML dan kod CSS untuk menyelesaikan masalah.
Ringkasan
Membuat helaian gaya CSS adalah mudah. Hanya buat fail teks kosong pada komputer anda dan namakannya dengan sambungan .css, kemudian tambahkan teg pautan dalam pengepala dokumen HTML untuk merujuk fail tersebut dan akhirnya tulis kod CSS. Dengan langkah ini, anda boleh membuat gaya tersuai anda sendiri dengan mudah untuk mencantikkan tapak web atau apl anda.
Atas ialah kandungan terperinci cara membuat css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!