Bab ini memperkenalkan anda kepada beberapa pengetahuan asas tentang CSS (ringkasan), yang mempunyai nilai rujukan tertentu. Rakan yang memerlukan saya harap ia akan membantu anda.
1 Sebaris: menetapkan gaya css dalam atribut gaya teg. Kaedah ini tidak menggambarkan kelebihan css dan tidak disyorkan
2 Dibenamkan: Dibenamkan adalah untuk menulis gaya css bersama-sama <.>
3. jenis pautan: dalam pasangan tag Perkenalkan fail .css ke dalam fail HTML (disyorkan )
4. Import: Perkenalkan fail .css bebas ke dalam fail HTML, import Gunakan peraturan CSS untuk memperkenalkan teg
Kaedah ini mempunyai kelemahan iaitu penyemak imbas akan memuatkan halaman html dahulu dan kemudian memuatkannya, jadi jika kelajuan rangkaian adalah lambat atau halaman web besar, pelanggan akan muncul halaman web terlebih dahulu, dan gaya
1.Pemilih kelas
(1) Sintaks: .nama kelas {Atribut gaya: nilai; }
(2) Elemen menggunakan class="class name" untuk menggunakan gaya ini
2 , pemilih id
(1) Sintaks: #id name{Atribut gaya: nilai;}
(2) Elemen menggunakan id="id name" untuk menggunakan gaya ini
3 Pemilih teg
(1) Sintaks: Nama teg{Atribut gaya: nilai;}
(2) Halaman Semua teg dalam adalah daripada gaya ini
4 pemilih universal
(1. ) Sintaks: *{Atribut gaya: nilai; }
(2) Semua elemen dalam halaman mempunyai gaya ini
CSS mempunyai sifat warisan, yang bergantung pada hubungan nenek moyang-keturunan. Warisan ialah mekanisme yang membolehkan gaya digunakan bukan sahaja pada elemen tertentu, tetapi juga kepada keturunannya. Sebagai contoh, nilai warna yang ditakrifkan oleh BODY juga akan digunakan pada teks perenggan. Secara amnya, bahagian dalam diutamakan daripada bahagian luar, dan bahagian belakang diutamakan daripada bahagian hadapan.
Apa yang dipanggil keutamaan CSS merujuk kepada susunan gaya CSS dihuraikan dalam penyemak imbas. Keistimewaan dalam helaian gaya menerangkan berat relatif peraturan yang berbeza ialah:
1 Helaian gaya sebaris mempunyai berat tertinggi ---- -. ------1000;
2. Kira bilangan atribut ID dalam pemilih. #id ------------100
3 Kira bilangan atribut CLASS dalam pemilih. .class --------10
4. Kira bilangan nama tag HTML dalam pemilih. p ------------1
Tambah rentetan nombor sedikit demi sedikit mengikut peraturan ini untuk mendapatkan berat akhir Kemudian bandingkan sedikit dengan sedikit dari kiri ke kanan apabila membandingkan dan memilih.
Warna: warna
Penjajaran mendatar: teks - selaraskan
Atribut latar belakang
1 2 3 4 5 6 7 |
|
Kod di atas biasanya menulis satu baris
1 |
|
Atribut sempadan
1 2 3 |
|
Kod di atas biasanya disingkatkan sebagai
1 |
|
Sempadan juga boleh ditetapkan kepada satu sisi sahaja
1 2 3 4 |
|
Atribut senarai
1 2 3 |
|
gaya senarai: atribut singkatan, digunakan untuk menetapkan semua atribut untuk senarai dalam satu pernyataan.
1 2 3 4 |
|
Atribut lain
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
hiasan teks Sifat digunakan untuk menetapkan atau mengalih keluar hiasan teks. Ia digunakan terutamanya untuk memadam garis bawah pautan
1 |
|
Saya telah mempelajari HTML baru-baru ini dan saya mempunyai persefahaman. Kini setelah anda mempunyai pemahaman umum tentang sintaks asas dan struktur CSS, anda masih perlu mempraktikkan dan mengaplikasikannya dalam kajian seterusnya. Di atas adalah ringkasan kandungan asas css