Pengenalan kepada CSS

Pengenalan kepada CSS

Pengetahuan yang perlu anda miliki

Sebelum meneruskan pembelajaran, anda perlu mempunyai pemahaman asas tentang perkara berikut pengetahuan:

HTML/XHTML

Jika anda ingin mempelajari projek ini dahulu, sila lawati tutorial yang berkaitan di halaman utama. .

Apakah itu CSS?

CSS merujuk kepada Helaian Gaya Lata

Gaya mentakrifkan cara memaparkan elemen HTML

Gaya ialah biasanya disimpan dalam helaian gaya

Gaya ditambah pada HTML 4.0 untuk menyelesaikan masalah pengasingan kandungan dan persembahan

Lembaran gaya luaran boleh meningkatkan kecekapan kerja dengan ketara

Lembaran gaya luaran biasanya disimpan dalam fail CSS

Takrifan gaya berbilang boleh disatukan menjadi satu

Gaya menyelesaikan masalah besar

Tag HTML pada asalnya direka Untuk menentukan kandungan dokumen, contoh berikut :

<h1>Tajuk</h1>

<p>Perenggan</p>

Helaian Gaya Mentakrifkan cara elemen HTML dipaparkan, sama seperti HTML 3.2 tag fon dan atribut warna dilakukan. Gaya biasanya disimpan dalam fail .css luaran. Helaian gaya luaran memberi anda keupayaan untuk menukar reka letak dan penampilan semua halaman dalam tapak anda pada masa yang sama dengan hanya mengedit dokumen CSS mudah.

Pelayar kontemporari semuanya menyokong CSS.

Helaian gaya CSS meningkatkan kecekapan kerja dengan hebat

Takrifan helaian gaya cara memaparkan elemen HTML

Takrifan helaian gaya Bagaimana untuk memaparkan elemen HTML, sama seperti tag fon HTML 3.2 dan atribut warna memainkan peranan. Gaya biasanya disimpan dalam fail .css luaran. Helaian gaya luaran memberi anda keupayaan untuk menukar reka letak dan penampilan semua halaman dalam tapak anda pada masa yang sama dengan hanya mengedit dokumen CSS mudah.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS测试</title> <style> body{ background-color:yellow; } h1{ text-align:center; color:green; } p{ font-family:"微软雅黑"; font-size:40px; text-align:center; } </style> <body> <h1>春晓</h1> <p> 春眠不觉晓 </p> <p> 处处闻啼鸟 </p> <p> 夜来风雨声 </p> <p> 花落知多少 </p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus