Pengenalan kepada CSS


CSS merujuk kepada Cascading Style Sheets, yang digunakan untuk menentukan cara memaparkan elemen HTML. Gaya CSS biasanya disimpan dalam helaian gaya, yang boleh menyelesaikan masalah pengasingan kandungan dan pembentangan helaian gaya luaran boleh meningkatkan kecekapan kerja.

Pengetahuan yang anda perlukan

Sebelum meneruskan, anda perlu mempunyai pemahaman asas tentang perkara berikut:

  • HTML/XHTML

Jika anda ingin mempelajari projek ini dahulu, sila lawati tutorial yang berkaitan di Halaman Utama. .

Apakah itu CSS?

  • CSS merujuk kepada helaian gaya bertingkat (Cmeningkat Sjenis Sheets)

  • Definisi GayaCara untuk memaparkan elemen HTML

  • Gaya biasanya disimpan dalam Dalam helaian gaya ,

  • menambah gaya pada HTML 4.0 untuk menyelesaikan masalah pengasingan kandungan dan pembentangan

  • Helaian gaya luaranboleh meningkatkan kecekapan kerja dengan baik

  • Helaian gaya luaran biasanya disimpan dalam fail CSS

  • Berbilang takrif gaya boleh dilantunkan menjadi satu

Gaya menyelesaikan masalah biasa

Tag HTML pada asalnya direka untuk mentakrifkan kandungan dokumen. Dengan menggunakan teg seperti <h1>, <p>, <table>, niat asal HTML adalah untuk menyatakan maklumat seperti "Ini ialah tajuk", "Ini adalah perenggan", "Ini ialah jadual" . Pada masa yang sama, susun atur dokumen dilengkapkan oleh penyemak imbas tanpa menggunakan sebarang tag pemformatan.

Memandangkan dua penyemak imbas utama (Netscape dan Internet Explorer) terus menambah teg dan atribut HTML baharu (seperti teg fon dan atribut warna) pada spesifikasi HTML, buat kandungan dokumen yang jelas bebas daripada Pembentangan dokumen lapisan tapak menjadi lebih dan lebih sukar.

Untuk menyelesaikan masalah ini, World Wide Web Consortium (W3C), sebuah pakatan standardisasi bukan untung, telah mengambil misi menyeragamkan HTML dan mencipta gaya di luar HTML 4.0.

Semua penyemak imbas moden utama menyokong Cascading Style Sheets (CSS).

Helaian gaya CSS sangat meningkatkan produktiviti

Helaian gaya mentakrifkan cara elemen HTML dipaparkan, sama seperti yang dilakukan oleh teg fon dan atribut warna HTML 3.2. Gaya biasanya disimpan dalam fail .css luaran. Helaian gaya luaran memberi anda keupayaan untuk menukar reka letak dan penampilan semua halaman dalam tapak anda pada masa yang sama dengan hanya mengedit dokumen CSS mudah.

CSS boleh dipanggil satu kejayaan dalam bidang reka bentuk WEB kerana ia membolehkan gaya dan susun atur berbilang halaman dikawal pada masa yang sama. Sebagai pembangun tapak web, anda boleh menentukan gaya untuk setiap elemen HTML dan menerapkannya pada seberapa banyak halaman yang anda mahukan. Untuk membuat kemas kini global, cuma tukar gaya dan semua elemen dalam tapak akan dikemas kini secara automatik.

Berbilang gaya akan dilantunkan ke dalam

Helaian gaya membolehkan maklumat gaya ditentukan dalam pelbagai cara. Gaya boleh ditentukan dalam elemen HTML individu, dalam elemen pengepala halaman HTML, atau dalam fail CSS luaran. Anda juga boleh merujuk beberapa helaian gaya luaran dalam dokumen HTML yang sama.

Tertib bertingkat

Apabila elemen HTML yang sama ditakrifkan oleh lebih daripada satu gaya, gaya manakah yang akan digunakan ?

Secara umumnya, semua gaya akan dilantunkan dalam helaian gaya maya baharu mengikut peraturan berikut, dengan nombor 4 mempunyai keutamaan tertinggi.

Tetapan lalai penyemak imbas

  1. Helaian gaya luaran

  2. Helaian gaya dalaman (terletak di dalam teg <head>)

  3. Gaya sebaris (dalam elemen HTML)

Oleh itu, gaya sebaris (dalam elemen HTML) mempunyai keutamaan tertinggi, Ini bermakna ia akan mengambil masa keutamaan berbanding pengisytiharan gaya dalam teg <head> dalam helaian gaya luaran atau dalam penyemak imbas (lalai).