Kekalkan menggunakan CSS-tutorial css-php.cn

Kekalkan menggunakan CSS

WBOY

Lepaskan： 2023-08-27 22:49:09

ke hadapan

1148 orang telah melayarinya

使用 CSS 进行维护

CSS, yang dikenali secara meluas sebagai Cascading Style Sheets, digunakan untuk menggayakan elemen yang dibuat menggunakan teg HTML dan bertanggungjawab untuk rupa dan rasa halaman web. Kita boleh menggunakan CSS untuk menukar warna teks, menukar latar belakang, menambah sebarang imej atau mencipta ruang antara teks. Kita boleh mencipta pelbagai cara untuk memaparkan satu kandungan.

Dalam artikel ini, kami akan menerangkan kemudahan kebolehselenggaraan CSS dan kelebihan CSS.

Kelebihan CSS

Berikut adalah kelebihan menggunakan CSS -

Jimat masa

Apabila kami menulis kod CSS, kami boleh menggunakannya pada berbilang elemen lain dalam HTML kerana kod itu boleh digunakan semula. Kita boleh menggunakan gaya pada satu elemen dan kemudian menerapkannya pada berbilang halaman web.

<style>
   .display {
      font-family: Arial;
      font-size: 25px;
   }
</style>

Salin selepas log masuk

Dengan melihat kod di atas, anda dapat melihat betapa sedikit kod digunakan. Dan kerana kod itu lebih pendek, ia boleh disusun dengan cepat, menjimatkan banyak masa.

Kurang jumlah kod

Kod CSS yang ditulis untuk menggayakan elemen pada halaman web boleh digunakan di berbilang tempat lain kerana kami menggunakan kelas dan penyelenggaraan juga boleh menjadi lebih mudah dengan kod yang kurang memandangkan penggunaan lebar jalur adalah kurang.

CSS mudah diselenggara

Gaya CSS boleh ditakrifkan secara global atau diisytiharkan di lokasi awam, dan boleh ditukar hanya pada mana-mana elemen. Katakan kami mempunyai tapak web di mana kami menggunakan gaya yang sama untuk beberapa elemen dan gaya berbeza untuk elemen lain. Apabila kita ingin menukar gaya elemen ini, kita boleh melakukannya dengan mudah dengan menukar kelas gaya. Kita boleh menggunakan warisan harta untuk menggunakan berbilang helaian gaya dalam elemen HTML.

Dalam kod di bawah, dengan menukar kelas, kita boleh menukar gaya elemen.

<style>
   .display {
      font:12px Arial
   }
</style>

Salin selepas log masuk

patuhi piawaian internet

Elemen HTML yang digunakan pada masa kini semakin susut nilai, jadi adalah disyorkan untuk menggunakan elemen CSS dan HTML untuk menggayakan tapak web agar elemen HTML serasi dengan pelayar semasa dan akan datang.

Sediakan platform bebas

CSS menyediakan platform bebas justeru menyokong pelbagai pelayar dan laman web boleh dimuatkan dengan mudah tanpa sebarang ralat.

Berbilang cara untuk menentukan berbilang gaya

Fungsi CSS adalah "melata" seperti namanya, menunjukkan bahawa kita boleh menggunakan berbilang gaya pada satu elemen. Kami boleh mengatasi gaya global dan mengisytiharkan gaya tempatan kerana gaya tempatan mendahului gaya global.

Contoh

Dalam kod di bawah, anda dapat melihat bahawa kami menggunakan pemilih untuk merujuk 2 kelas.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>This is an example</title>
   <style>
      p.cen {
         color: red;
         text-align: center;
      }
      p.lar {
         font-size: 30%;
      }
   </style>
</head>
<body>
   <h1 class="cen">There will be no effect in this heading</h1>
   <p class="cen">The color of the paragraph will be red and it's alignment will be centered.</p>
   <p class=" cen lar">The color of the paragraph will be red and it's alignment will be centered and the font size will be large.</p>
</body>
</html>

Salin selepas log masuk

Kini, semuanya ada kelebihan dan kekurangannya, CSS pun ada kekurangannya. Jadi, mari kita bincangkan tentang keburukan CSS.

Keburukan CSS

Berikut adalah kelemahan utama CSS -

Ia boleh menyebabkan kekeliruan - CSS mempunyai versi CSS 1 dan CSS 3, jika pembangun tidak menggunakan versi terkini, ia boleh menyebabkan kekeliruan dalam penyemak imbas terkini, Ini mewujudkan masalah apabila memuatkan gaya CSS dengan betul.
Inkonsistensi antara penyemak imbas yang berbeza - CSS mungkin berfungsi satu cara dalam satu penyemak imbas, tetapi mungkin berfungsi secara berbeza pada penyemak imbas lain , itulah sebabnya W3C mengesyorkan menyemak keserasian penyemak imbas sebelum menjalankannya .
Isu Keserasian - Beberapa isu keserasian mungkin timbul selepas membuat beberapa perubahan dalam CSS. Perubahan ini mungkin muncul dalam sesetengah penyemak imbas dan mungkin tidak mempunyai keselamatan.
Beginner’s Confusion - Dunia pengaturcaraan sangat besar kerana terdapat banyak bahasa dengan ciri-cirinya sendiri. Versi CSS yang berbeza seperti CSS2 dan CSS3 boleh mengelirukan mereka yang baru memulakan perjalanan pengaturcaraan mereka.
keserasian silang penyemak imbas dan kesukaran pemula - Penyemak imbas yang berbeza menggunakan logik yang berbeza untuk melaksanakan helaian gaya CSS, yang mungkin menghalang keserasian silang penyemak imbas dan beberapa tahap dalam CSS mungkin sukar atau mengelirukan bagi sesetengah pemula dan pembangun awal.

KESIMPULAN

CSS ialah tonggak penting pembangunan web kerana tanpa CSS tiada penggayaan boleh dilakukan. Ia mungkin kelihatan mengelirukan pada mulanya, tetapi apabila anda membiasakannya, bekerja dengan CSS menjadi daya tarikan sebagai pembangun bahagian hadapan. CSS dicipta sebagai bahasa helaian kaedah dengan tujuan memisahkan kandungan dokumen daripada pembentangan dokumen. Pembentangan dokumen termasuk warna, reka letak, fon, saiz dan banyak lagi. Rupa dan rasa halaman web adalah tanggungjawab CSS, yang menyediakan pengguna dengan banyak keupayaan penyesuaian.

Atas ialah kandungan terperinci Kekalkan menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!