Ringkasan CSS

Pemahaman dasar yang diperlukan

Sebelum melanjutkan pelajaran, Anda perlu memiliki pemahaman dasar tentang berikut ini:

  • HTML
  • XHTML

Jika Anda ingin belajar proyek-proyek ini terlebih dahulu, silakan Beranda Buka tutorial yang relevan.

Ringkasan CSS

  • CSS adalah Laporan Gaya Penyanggapan (Cascading Style Sheets)
  • Definisi gayaBagaimana untuk menampilkan Elemen HTML
  • Gaya biasanya disimpan diLaporan gayaDi
  • Menambahkan gaya ke HTML 4.0 untukMemecahkan masalah pemisahan konten dan penampilan
  • Tabel gaya eksternalDapat meningkatkan efisiensi kerja secara besar
  • Laporan gaya eksternal biasanya disimpan di Berkas CSSDi
  • Banyak definisi gaya dapatLapisanUntuk

Gaya memecahkan masalah yang umum

Tag HTML awalnya dirancang untuk digunakan untuk mendefinisikan konten dokumen. Melalui penggunaan tag seperti <h1>, <p>, <table>, keinginan HTML adalah untuk mengekspresikan informasi seperti 'ini judul', 'ini paragraf', 'ini tabel'. Pada saat yang sama, tata letak dokumen disiapkan oleh browser, tanpa penggunaan tag formatasi

Karena dua browser utama (Netscape dan Internet Explorer) secara terus menerus menambahkan tag baru dan atribut HTML (seperti tag font dan atribut warna) ke standar HTML, mengembangkan konten situs yang jelas dan bebas tampilan menjadi semakin sulit

Untuk memecahkan masalah ini, World Wide Web Consortium (W3C), koalisi standarisasi yang tidak berprofit, mengambil tanggung jawab untuk misi standarisasi HTML dan menciptakan gaya (Style) di luar HTML 4.0

Seluruh browser utama mendukung laporan gaya penyanggapan

Laporan gaya secara besar meningkatkan efisiensi kerja

Laporan gaya menentukan bagaimana elemen HTML ditampilkan, seperti tanda font dan atribut warna di HTML 3.2 yang berfungsi. Gaya biasanya disimpan di berkas eksternal .css. Dengan hanya mengedit dokumen CSS sederhana, laporan gaya eksternal memberikan kemampuan untuk mengubah tata letak dan penampilan semua halaman di situs.

Karena memungkinkan kontrol bersamaan gaya dan tata letak berbagai halaman, CSS dapat dianggap sebagai penemuan di bidang desain WEB. Sebagai pengembang situs, Anda dapat menentukan gaya bagi setiap elemen HTML dan menggunakannya di berbagai halaman yang Anda inginkan. Untuk melakukan pembaruan global, cukup mengubah gaya dan semua elemen di situs akan otomatis diperbarui.

Gaya berbagai jenis akan lapis ke dalam

Tabel gaya memungkinkan untuk menentukan informasi gaya dengan berbagai cara. Gaya dapat ditentukan di dalam elemen HTML tunggal, di dalam elemen head halaman HTML, atau di dalam berkas CSS eksternal. bahkan dapat merujuk beberapa tabel gaya eksternal di dalam dokumen HTML yang sama.

Urutan Lapisan

Ketika elemen HTML yang sama didefinisikan dengan berbagai gaya, yang gaya yang akan digunakan?

Secara umum, semua gaya akan menarik ke dalam tabel gaya maya baru menurut aturan berikut, di mana angka 4 memiliki prioritas tertinggi.

  1. Pengaturan baku browser
  2. Tabel gaya eksternal
  3. Tabel gaya internal (berada di dalam tag <head>)
  4. Gaya sisip (dalam elemen HTML)

Oleh karenanya, gaya sisip (dalam elemen HTML) memiliki prioritas tertinggi, yang berarti ia akan mengambil prioritas daripada deklarasi gaya berikutnya: deklarasi gaya di tag <head>, deklarasi gaya di luar gaya tabel, atau deklarasi gaya di browser (nilai baku).