Panduan Dasar CSS

Pemrograman

Ketentuan dasar yang diperlukan

  • HTML
  • Sebelum melanjutkan pelajaran, Anda perlu memiliki pemahaman dasar tentang hal-hal berikut:

XHTML Jika Anda ingin belajar proyek-proyek ini terlebih dahulu, silakan Beranda

Akses tutorial yang relevan.
  • CSS RingkasanCSS adalah penyanggul gaya (C tyleascading tyleS
  • heets)Definisi gaya Bagaimana untuk menampilkan
  • Elemen HTMLGaya biasanya disimpan diDalam
  • GayaMenambahkan gaya ke HTML 4.0 untuk
  • Tabel gaya eksternalMenyelesaikan masalah pemisahan konten dan ekspresi
  • Dapat meningkatkan efisiensi kerja secara besar Berkas CSS biasanya disimpan diDalam
  • Banyak definisi gaya dapatLapisanUntuk

Gaya menyelesaikan masalah yang umum

Tag HTML awalnya dirancang untuk digunakan untuk mendefinisikan konten dokumen. Dengan menggunakan tag seperti <h1>, <p>, <table>, HTML awalnya diharapkan untuk mengekspresikan informasi seperti 'ini judul', 'ini paragraf', 'ini tabel'. Sama seperti tata letak dokumen diharapkan untuk diselesaikan oleh browser, tanpa penggunaan tag format.

Karena dua browser utama (Netscape dan Internet Explorer) terus menambahkan tag dan atribut baru HTML (seperti tag font dan atribut warna) ke standar HTML, hal mengembangkan situs yang kontennya jelas dan bebas dari lapisan ekspresi dokumentasi semakin sulit.

Untuk menyelesaikan masalah ini, World Wide Web Consortium (W3C), konglomerat standarisasi yang berusaha, mengambil tanggung jawab untuk standarisasi HTML dan menciptakan STYLES (gaya) di luar HTML 4.0.

Seluruh browser utama mendukung gaya penyanggul.

Gaya secara besar meningkatkan efisiensi kerja

Definisi gaya menentukan bagaimana elemen HTML ditampilkan, seperti tag font dan atribut warna di gaya HTML 3.2 biasanya disimpan di berkas eksternal .css. Dengan hanya mengedit dokumen CSS sederhana, gaya eksternal memungkinkan Anda untuk mengubah penampilan tata letak semua halaman situs secara bersamaan.

Karena memungkinkan untuk mengendalikan gaya dan tata letak berbagai halaman secara bersamaan, CSS dapat dianggap sebagai sebuah penemuan penting di bidang desain WEB. Sebagai pengembang situs, Anda dapat menentukan gaya bagi setiap elemen HTML dan mengaplikasikannya ke berbagai halaman yang Anda inginkan. Untuk melakukan transformasi global, cukup merubah gaya, dan semua elemen di situs akan diupdate otomatis.

Gaya yang berlebihan akan diikat bersama

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 tunggal.

Urutan penyanggapan

Ketika elemen HTML yang sama diatur oleh beberapa gaya, yang gaya yang akan digunakan?

Secara umum, semua gaya akan dicampur berdasarkan aturan berikut untuk membentuk tabel gaya virtual baru, 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 inline (dalam elemen HTML)

Dengan demikian, gaya inline (dalam elemen HTML) memiliki prioritas tertinggi, yang berarti ia akan mengambil prioritas daripada pernyataan gaya berikutnya: deklarasi gaya di tag <head>, gaya tabel eksternal, atau gaya di browser (nilai baku).