Kuliah 1: Pengenalan kepada CSS

Selamat datang ke kuliah pertama "Asas kepada Kecemerlangan" - perjalanan anda untuk menguasai CSS bermula di sini!

Apakah itu CSS?

CSS, atau Cascading Style Sheets, ialah bahasa yang digunakan untuk menerangkan pembentangan halaman web. Walaupun HTML menyediakan struktur dan kandungan, CSS ialah perkara yang menjadikan halaman web kelihatan menarik dan mesra pengguna. Ia mengawal reka letak, warna, fon, jarak dan banyak lagi.

Mengapa CSS Penting?

• Pemisahan Kebimbangan:CSS membolehkan anda mengasingkan kandungan (HTML) daripada pembentangan (CSS), menjadikan kod anda lebih bersih dan lebih mudah diselenggara.
• Ketekalan:Anda boleh menggunakan penggayaan yang konsisten merentas berbilang halaman web dengan memautkan satu fail CSS.
• Reka Bentuk Responsif:CSS adalah penting untuk mencipta tapak web yang kelihatan baik pada semua peranti, daripada desktop hingga telefon pintar.

Sintaks CSS Asas

CSS terdiri daripada peraturan yang menyasarkan elemen HTML. Setiap peraturan terdiri daripada pemilih dan blok pengisytiharan.

selector { property: value; }

• Pemilih:Menyasarkan elemen HTML yang anda mahu gayakan.
• Harta:Aspek elemen yang ingin anda ubah (cth., warna, saiz fon).
• Nilai:Nilai khusus yang anda mahu gunakan pada harta itu.

Contoh:

Katakan anda mahu menukar warna semua

unsur menjadi biru.

HTML:

Hello, World!

Salin selepas log masuk

CSS:

h1 { color: blue; }

Salin selepas log masuk

Peraturan mudah ini akan menukar teks dalam semua

unsur menjadi biru.

Menambahkan CSS pada HTML

Terdapat tiga cara utama untuk menambah CSS pada dokumen HTML anda:

1. Inline CSS:Terus dalam elemen HTML.

Hello, World!

1. CSS Dalaman:Dalam tag dalambahagian dokumen HTML anda.

1. CSS Luaran:Memautkan ke fail CSS luaran daripada dokumen HTML anda.

styles.css:

h1 { color: blue; }

Amalan Senaman

• Buat fail HTML dengan beberapa elemen berbeza seperti

  ,

  dan

  .

• Gunakan warna, saiz fon dan warna latar belakang yang berbeza pada elemen ini menggunakan ketiga-tiga kaedah: CSS sebaris, dalaman dan luaran.
• Eksperimen dengan sifat yang berbeza untuk melihat cara ia mempengaruhi penampilan elemen anda.

Seterusnya:Dalam kuliah seterusnya, kita akan menyelamiPemilih dan Hartanahdan belajar cara menyasarkan dan menggayakan elemen berbeza pada halaman web anda. Nantikan!

Kuliah pertama ini memperkenalkan asas CSS, menerangkan apa itu, sebab ia penting dan cara menulis peraturan CSS yang mudah. Contoh yang diberikan mudah diikuti dan latihan menggalakkan pelajar berlatih dan meneroka sendiri.

ikuti saya di LinkedIn

Ridoy Hasan

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