Cara membaca web css

Cara melihat css halaman web: 1. Buka halaman web yang ditentukan dalam penyemak imbas 2. Klik kanan ruang kosong halaman web dan pilih pilihan "Inspect Element" atau tekan butang Kekunci "F12" untuk membuka Panel kawalan pembangun 3. Pilih tab "Elemen" dan klik pada elemen halaman web untuk melihat kod css yang sepadan di sebelah kanan panel kawalan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara melihat css halaman web:

1 Buka halaman web yang ditentukan dalam penyemak imbas

2 🎜>

Klik kanan pada ruang kosong pada halaman web dan pilih pilihan seperti "Mod Pembangun" atau "Inspect Element" atau tekan "F12"

3. Dalam panel kawalan, pilih tab "Elemen", klik pada elemen halaman web untuk melihat kod css yang sepadan di sebelah kanan panel kawalan.

Seperti yang ditunjukkan dalam gambar di atas:

Kita boleh membandingkan kedudukan kod di sebelah kiri panel kawalan dengan tahap DIV tapak web untuk lihat gaya css yang sepadan di sebelah kanan , nama helaian gaya dan kedudukan baris helaian gaya. Seperti yang ditunjukkan dalam rajah, nama pendaftaran ditandakan dengan jelas sebagai w5.css, dan lokasi kod helaian gaya adalah dalam baris 33 w5.css.

Pada masa yang sama, kami juga boleh melakukan pengeditan ujian bahagian hadapan pada gaya css atau gaya div kod html dalam panel kawalan untuk menyahpepijat kesannya, operasi anda tidak akan mengubah pelayan tapak web-. gaya sisi atau halaman web, hanya halaman ujian setempat anda akan memulihkan gaya lalai selepas memuat semula dengan F5.

(Mempelajari perkongsian video:

tutorial video css)

Atas ialah kandungan terperinci Cara membaca web css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!