Cara membaca css

CSS (Cascading Style Sheets) ialah bahasa penanda yang digunakan untuk mengawal gaya dan reka letak halaman web. Ia merupakan bahagian yang amat diperlukan dalam reka bentuk web dan boleh menjadikan halaman web lebih cantik, mudah dibaca dan mudah digunakan. Tetapi untuk pemula, perkataan CSS bukan sahaja sukar dibaca, tetapi juga tidak mudah difahami. Artikel ini akan memperkenalkan anda kepada pembacaan, penggunaan dan langkah berjaga-jaga CSS dari tiga aspek.

1. Sebutan CSS

CSS ialah singkatan perkataan Inggeris, disebut sebagai "C-S-S". Secara khusus, sebutan bagi setiap huruf adalah seperti berikut:

C: disebut sebagai "lihat", menunjukkan melata; >

S: masih disebut sebagai "ess", menunjukkan helaian.

Oleh itu, CSS disebut SEE-ess-ess. Sudah tentu, walaupun terdapat sebutan yang berbeza, asalkan anda boleh memahami dan menggunakan CSS dengan tepat.

2. Cara menggunakan CSS

1. Helaian gaya dalaman

Helaian gaya dalaman ialah cara untuk menulis gaya CSS secara langsung dalam dokumen HTML, iaitu, dengan Penggunaan teg dalam teg Kelebihan kaedah ini ialah ia mudah dan intuitif, dan tidak perlu merujuk gaya CSS secara berasingan dalam setiap dokumen HTML. Tetapi kelemahannya ialah ia meningkatkan saiz dokumen HTML dan menjadikannya sukar untuk mengekalkan dan mengemas kini gaya.

2. Helaian gaya luaran

Helaian gaya luaran ialah cara untuk menggunakan fail CSS yang berasingan untuk menentukan gaya, iaitu, gunakan teg dokumen HTML. Kelebihan kaedah ini ialah ia boleh memisahkan gaya daripada kandungan, dan gaya boleh dikongsi dalam berbilang dokumen HTML, menjadikannya mudah untuk diselenggara dan dikemas kini. Tetapi kelemahannya ialah ia memerlukan fail CSS tambahan dan permintaan HTTP, yang meningkatkan masa memuatkan halaman web.

3. Gaya sebaris

Gaya sebaris ialah cara untuk menentukan gaya secara langsung dalam teg HTML, iaitu menggunakan atribut gaya dalam teg untuk menentukan gaya. Kelebihan kaedah ini ialah ia langsung dan berkesan, tidak memerlukan fail atau pemilih CSS tambahan, dan sesuai untuk beberapa pelarasan gaya sementara. Tetapi kelemahannya ialah ia tidak mudah untuk dikekalkan dan ia tidak mudah digunakan untuk berbilang tag.

3. Nota tentang CSS

1 Keutamaan pemilih

Keutamaan pemilih CSS merujuk kepada apabila beberapa definisi gaya bertindak pada elemen yang sama pada masa yang sama , yang gaya mengatasi yang lain. Keutamaan pemilih terdiri daripada jenis, kategori dan kuantiti pemilih, dan biasanya dinilai dalam susunan berikut:

(1) Pemilih ID mempunyai keutamaan tertinggi, dengan berat

(2) Pemilih kelas dan pemilih atribut mempunyai keutamaan yang sama, dengan 10 pemberat; (3) Pemilih label mempunyai keutamaan paling rendah, dengan 1 pemberat.

2. Pewarisan gaya

Gaya CSS boleh diwarisi, iaitu gaya elemen induk akan mempengaruhi elemen anak. Tetapi tidak semua gaya diwarisi Biasanya hanya sifat teks, sifat senarai, sifat susun atur jadual, dll. Sesetengah sifat susun atur kotak, sifat kedudukan, sifat latar belakang, dsb. tidak diwarisi.

3. Isu keserasian penyemak imbas

Pelayar yang berbeza mungkin mempunyai tahap sokongan yang berbeza untuk gaya CSS, mengakibatkan kesan paparan yang tidak konsisten antara penyemak imbas yang berbeza. Untuk mengelakkan situasi ini, adalah disyorkan untuk memberi perhatian kepada isu keserasian semasa menulis gaya CSS Anda boleh menggunakan awalan pengilang penyemak imbas atau menambah kod penggodaman lain untuk menyelesaikan isu keserasian.

Ringkasnya, CSS ialah bahagian yang sangat penting dalam reka bentuk web Mahir dalam penggunaan CSS dan langkah berjaga-jaga boleh meningkatkan kualiti dan kecekapan reka bentuk web.