Rumah  >  Artikel  >  hujung hadapan web  >  Apakah css cascading

Apakah css cascading

百草
百草asal
2023-10-10 13:35:111610semak imbas

Lata CSS merujuk kepada cara penyemak imbas memutuskan peraturan yang akan digunakan pada elemen apabila berbilang peraturan CSS digunakan pada elemen yang sama pada masa yang sama dalam dokumen HTML dan cara mengendalikan konflik antara peraturan. Mekanisme cascading CSS berfungsi berdasarkan satu siri peraturan dan keutamaan yang menentukan gaya yang akan digunakan pada elemen dan gaya yang akan diutamakan apabila berbilang gaya bercanggah. Susunan peraturan ialah gaya lalai penyemak imbas, helaian gaya luaran, helaian gaya dalaman dan gaya sebaris.

Apakah css cascading

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Lata CSS adalah salah satu konsep yang sangat penting dalam pembangunan bahagian hadapan. Ia merujuk kepada cara penyemak imbas memutuskan peraturan yang akan digunakan pada elemen dalam dokumen HTML apabila berbilang peraturan CSS digunakan pada elemen yang sama pada masa yang sama dan cara mengendalikan konflik antara peraturan.

Mekanisme cascading CSS berfungsi berdasarkan satu siri peraturan dan keutamaan. Peraturan dan keutamaan ini menentukan gaya yang akan digunakan pada elemen dan gaya yang akan diutamakan apabila berbilang gaya bercanggah. Di bawah ini kami akan memperkenalkan peraturan dan keutamaan CSS cascading secara terperinci.

Pertama sekali, peraturan cascading CSS diproses dalam susunan tertentu. Urutannya ialah:

1 Gaya lalai penyemak imbas: Penyemak imbas akan menentukan beberapa gaya lalai untuk setiap elemen HTML. Gaya ini biasanya ditakrifkan oleh pengeluar penyemak imbas untuk memastikan halaman boleh dipaparkan secara normal tanpa gaya CSS.

2. Helaian gaya luaran: Helaian gaya luaran ialah kaedah yang mentakrifkan gaya CSS dalam fail berasingan dan kemudian merujuknya dalam dokumen HTML. Apabila penyemak imbas menghuraikan dokumen HTML, ia mula-mula memuatkan helaian gaya luaran dan menggunakan gaya daripadanya.

3. Helaian gaya dalaman: Helaian gaya dalaman ialah kaedah mentakrifkan gaya CSS dalam teg `