Tutorial CSS

CSS digunakan untuk mengawal gaya dokumen web dengan mudah dan mudah.

CSS adalah singkatan dari "Cascading Style Sheet" . Tutorial ini merangkumi kedua-dua versi CSS1, CSS2 dan CSS3, dan memberikan pemahaman lengkap tentang CSS, bermula dari asas-asasnya hingga konsep-konsep lanjutan.

Mengapa Mempelajari CSS?

Lembaran Gaya Cascading , mesra disebut CSS , adalah bahasa reka bentuk ringkas yang bertujuan untuk mempermudahkan proses pembuatan laman web yang dapat dilihat.

CSS adalah MESTI untuk para pelajar dan profesional yang bekerja untuk menjadi Jurutera Perisian yang hebat khususnya ketika mereka bekerja di Domain Pembangunan Web. Saya akan menyenaraikan beberapa kelebihan utama pembelajaran CSS:

  • Buat laman web yang Menakjubkan - CSS mengendalikan rupa dan merasakan sebahagian daripada laman web. Menggunakan CSS, anda boleh mengawal warna teks, gaya fon, jarak di antara perenggan, bagaimana lajur bersaiz dan diletakkan, imej latar belakang atau warna yang digunakan, reka bentuk susun atur, variasi paparan untuk peranti dan saiz skrin yang berbeza serta pelbagai kesan lain.

  • Menjadi seorang pereka web - Jika anda ingin memulakan seorang perancang sebagai pereka web profesional, perancangan HTML dan CSS adalah kemahiran wajib.

  • Kawalan web - CSS mudah dipelajari dan difahami tetapi ia memberikan kawalan yang kuat ke atas penyampaian dokumen HTML. Paling umum, CSS digabungkan dengan bahasa markup HTML atau XHTML.

  • Ketahui bahasa lain - Sebaik sahaja anda memahami asas HTML dan CSS maka teknologi lain yang berkaitan seperti javascript, php, atau sudut menjadi lebih mudah difahami.

Hello World menggunakan CSS.

Hanya untuk memberi anda sedikit keseronokan mengenai CSS, saya akan memberi anda program Hello World CSS konvensional kecil, Anda boleh cuba menggunakan pautan Demo.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

Aplikasi CSS

Seperti yang dinyatakan sebelum ini, CSS adalah salah satu bahasa gaya paling banyak digunakan di web. Saya akan menyenaraikan beberapa daripada mereka di sini:

  • CSS menjimatkan masa - Anda boleh menulis CSS sekali dan kemudian menggunakan semula helaian yang sama dalam beberapa halaman HTML. Anda boleh menentukan gaya untuk setiap elemen HTML dan memohon kepada banyak halaman web yang anda mahu.

  • Halaman memuat lebih cepat - Jika anda menggunakan CSS, anda tidak perlu menulis atribut tag HTML setiap kali. Cukup tulis satu peraturan CSS tag dan memohon kepada semua kejadian tag itu. Jadi kod kurang bermakna masa muat turun yang lebih pantas.

  • Penyelenggaraan mudah - Untuk membuat perubahan global, hanya mengubah gaya, dan semua unsur dalam semua laman web akan dikemas kini secara automatik.

  • Gaya Superior untuk HTML - CSS mempunyai pelbagai atribut yang lebih luas daripada HTML, jadi anda boleh memberikan pandangan yang lebih baik ke halaman HTML anda berbanding dengan atribut HTML.

  • Keserasian Pelbagai Peranti - Helaian gaya membolehkan kandungan dioptimumkan untuk lebih daripada satu jenis peranti. Dengan menggunakan dokumen HTML yang sama, versi berbeza laman web boleh dibentangkan untuk peranti pegang tangan seperti PDA dan telefon bimbit atau untuk mencetak.

  • Piawaian web global - Sekarang atribut HTML sedang usang dan disyorkan untuk menggunakan CSS. Jadi ide yang baik untuk mula menggunakan CSS dalam semua halaman HTML untuk menjadikannya serasi kepada penyemak imbas masa depan.

Penonton

Tutorial CSS ini akan membantu kedua-dua pelajar serta profesional yang ingin membuat laman web atau blog peribadi mereka lebih menarik.

Prasyarat

Anda harus biasa dengan:

  • Pemprosesan perkataan asas menggunakan mana-mana editor teks.
  • Cara membuat direktori dan fail.
  • Bagaimana untuk mengemudi melalui direktori yang berbeza.
  • Melayari Internet menggunakan pelayar popular seperti Internet Explorer atau Firefox.
  • Membangun Laman Web mudah menggunakan HTML atau XHTML.

Jika anda baru untuk HTML dan XHTML, maka kami akan mencadangkan anda untuk melalui Tutorial HTML atau Tutorial XHTML terlebih dahulu.