Panduan CSS Dasar

Pelajaran pemilihan

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 Halaman utama

Akses tutorial yang relevan.
  • CSS RingkasanCSS adalah Lantai Gaya (C tyleascading tyleS
  • heets)Definisi gaya Bagaimana untuk pertunjukan
  • Elemen HTMLGaya biasanya disimpan diDalam
  • Gaya luaranMenambahkan gaya ke HTML 4.0 untuk
  • Laman gaya luaranMenyelesaikan masalah pemisahan konten dan tampilan.
  • Dapat meningkatkan keefektifan kerja secara besar-besaran. Fail CSS biasanya disimpan diDalam
  • Banyak definisi gaya dapatLantaiUntuk

Tag HTML asal dirancang untuk digunakan untuk mendefinisikan konten dokumen. Dengan menggunakan tag seperti <h1>, <p>, <table>, HTML awalnya diharapkan untuk mengekspresikan

Karena dua pelayar utama (Netscape dan Internet Explorer) terus menambahkan tag HTML dan atribut baru (seperti tag huruf dan atribut warna) ke dalam spesifikasi HTML, menciptakan situs yang mengandung konten yang jelas dan bebas tampilan menjadi semakin sulit.

Untuk menyelesaikan masalah ini, Persatuan Standar Web (W3C), persatuan yang berusaha untuk mempertahankan standar HTML, mengambil tanggung jawab untuk misi standarisasi HTML dan menciptakan STYLES (gaya) di luar HTML 4.0.

Semua pelayar utama mendukung gaya lantai.

Gaya luaran secara besar meningkatkan keefektifan kerja.

Lihat rancangan papan gaya untuk menentukan cara pertunjukan elemen HTML, seperti tag huruf dan atribut warna di dalam gaya 3.2 biasanya disimpan di dalam fail .css luaran. Dengan hanya mengedit dokumen CSS yang sederhana, gaya luaran memungkinkan Anda untuk mengubah penampilan tata letak semua halaman situs sekaligus.

Kerana membenarkan untuk mengawal gaya dan bentuk berbilang laman sekaligus, CSS boleh dianggap sebagai pengembangan yang besar dalam bidang rancangan WEB. Sebagai pengembang laman, anda boleh menetapkan gaya bagi setiap elemen HTML dan gunakannya di mana-mana laman yang anda kehendaki. Untuk melakukan transformasi global, hanya perlu mengubah gaya, dan semua elemen di dalam laman akan diperbaharui secara automatik.

Gaya berbilang akan disusun untuk

Laman gaya membenarkan untuk ditetapkan gaya dengan banyak cara. Gaya boleh ditetapkan di dalam elemen HTML tunggal, di dalam elemen kepala laman HTML, atau di dalam laman CSS luaran. Bahkan boleh merujuk beberapa laman gaya luaran di dalam satu dokumen HTML tunggal.

Susun jawapan

Apakah gaya mana yang akan digunakan apabila elemen HTML yang sama disifatkan oleh lebih daripada satu gaya?

Umumnya, semua gaya akan disusun mengikut peraturan di bawah untuk membentuk laman gaya maya baru, di mana nombor 4 mempunyai keutamaan yang paling tinggi.

  1. Pengaturan lalai pelayar
  2. Laman gaya luaran
  3. Laman gaya dalaman (berada di dalam tanda <head>)
  4. Gaya yang dijalankan (dalam dalam elemen HTML)

Dengan demikian, gaya yang dijalankan (dalam dalam elemen HTML) mempunyai keutamaan yang paling tinggi, yang bermakna ia akan mengambil keutamaan daripada penumpuan yang berikutnya: penumpuan yang di <head> tanda, penumpuan dalam laman luaran gaya, atau penumpuan di dalam pengesanan pelayar (nilai lalai).