Pengenalan CSS

Kemampuan dasar yang diperlukan

Sebelum melanjutkan pelajaran, anda perlu mempunyai pemahaman dasar tentang yang berikut:

  • HTML
  • XHTML

Jika anda ingin belajar proyek-proyek ini terlebih dahulu, silakan Halaman utama Dapatkan pelajaran yang relevan.

Ringkasan CSS

  • CSS adalah kependekan untuk Cascading Style Sheets (Cascading Style Sheets)
  • Definisi gayaBagaimana untuk dipaparkan Elemen HTML
  • Gaya biasanya disimpan diBuku gayaDalam
  • Menambahkan gaya ke HTML 4.0 adalah untukMenyelesaikan masalah pemisahan kandungan dan ekspresi
  • Laman gaya eksternalBoleh mempertingkatkan produktivitas kerja
  • Buku gaya luaran biasanya disimpan di Fail CSSDalam
  • Banyak definisi gaya bolehLapisanUntuk satu

Tag HTML asal dirancang untuk digunakan untuk mendefinikan kandungan dokumen. Melalui penggunaan tag seperti <h1>, <p>, <table>, kehendak HTML adalah untuk mengekspresikan

Kerana dua pelayar utama (Netscape dan Internet Explorer) terus menambahkan tag HTML dan sifat baru (seperti tag huruf dan sifat warna) ke spesifikasi HTML, membangun kandungan dokumen yang jelas dan bebas dari lapisan ekspresi dokumen semakin sukar.

Untuk menyelesaikan masalah ini, Persatuan Web (W3C), persatuan standar yang bukan keuntungan, mengambil tanggung jawab untuk misi standarisasi HTML dan menciptakan gaya (Style) di luar HTML 4.0.

Semua pelayar utama mendukung buku gaya lapisan.

Buku gaya mempertingkatkan produktivitas kerja

Buku gaya menentukan bagaimana elemen HTML dipaparkan, seperti tanda bumi dan sifat warna yang dimainkan oleh HTML 3.2. Gaya biasanya disimpan di dalam fail .css luaran. Dengan hanya mengubah dokumen CSS yang ringkas, buku gaya luaran memberikan kemampuan untuk mengubah bentuk dan penampilan semua halaman di situs.

Kerana membolehkan pengawalan serupa bagi gaya dan bentuk halaman berbilang, CSS boleh dianggap sebagai kejayaan dalam bidang rancangan WEB. Sebagai pengembang laman web, anda dapat menentukan gaya bagi setiap elemen HTML dan melaksanakannya ke sebanyak halaman yang diinginkan. Untuk melaksanakan pembaruan yang menyeluruh, cukup mengubah gaya dan semua elemen di laman web akan secara otomatis diperbarui.

Gaya yang berlekatan akan disusun menjadi

Laman gaya memungkinkan untuk menentukan informasi gaya dengan berbagai cara. Gaya dapat ditentukan di dalam elemen HTML tunggal, di dalam elemen utama laman HTML, atau di dalam berkas CSS eksternal. bahkan dapat mengutip beberapa laman gaya eksternal di dalam dokumen HTML yang sama.

Susunan Lapisan

Ketika elemen HTML yang sama disarankan oleh gaya yang berbeda, yang gaya yang akan digunakan?

Umumnya, semua gaya akan disusun menurut aturan di bawah ini ke dalam laman gaya virtual baru, di mana angka 4 memiliki prioritas yang tertinggi.

  1. Pengaturan baku pereka web
  2. Laman gaya eksternal
  3. Laman gaya internal (berada di dalam tag <head>)
  4. Gaya yang disarankan secara inline (dalam dalam elemen HTML)

Dahulu, gaya yang disarankan secara inline (dalam dalam elemen HTML) mempunyai prioritas yang tertinggi, yang berarti ia akan mendahului penunjukan gaya berikut ini: penunjukan gaya di dalam tag <head>, penunjukan gaya di dalam laman eksternal, atau penunjukan gaya di dalam pereka web (nilai baku).