Sebelum belajar mengaplikasikan css, kita harus memahami terlebih dahulu apa itu css.
CSS
adalah singkatan dari Cascading Style Sheets.
* Bahasa CSS adalah bahasa markup yang tidak memerlukan kompilasi dan dapat dijalankan langsung oleh browser (ini adalah bahasa interpretasi browser).
konten halaman web (XHTML).
* File CSS juga dapat dikatakan sebagai file teks, yang berisi beberapa tag CSS. File CSS harus menggunakan css sebagai akhiran nama file
* Kinerja halaman web secara keseluruhan dapat diubah hanya dengan mengubah file CSS. Form dapat mengurangi beban kerja kita, sehingga merupakan kursus wajib bagi setiap desainer web.
*CSS
diproduksi dan dikelola oleh kelompok kerja CSS W3C.
Kita bisa menambahkannya ke blog kita dengan dua cara berikut ini, karena penerapan metode css mempunyai prinsip proximity. Artinya, definisi gaya yang paling dekat dengan target memiliki prioritas lebih tinggi. Gaya berprioritas tinggi akan mewarisi definisi gaya berprioritas rendah yang tidak tumpang tindih, namun mengesampingkan definisi yang tumpang tindih.
Menautkan ke file style sheet eksternal (Menautkan ke Style Sheet)
Pertama-tama Anda dapat membuat file style sheet eksternal (.css), lalu menggunakan objek link HTML. Contohnya adalah sebagai berikut:
<kepala>
＜judul＞Judul dokumen＜/judul＞
＜link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
Dalam XML, Anda harus menambahkannya di area deklarasi seperti yang ditunjukkan pada contoh berikut:
＜?xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet .css "?>
Mendefinisikan objek blok gaya internal (Menyematkan Blok Gaya)
Anda dapat menyisipkan objek blok <STYLE>...</STYLE> di antara tag <HTML> dan <BODY> dalam dokumen HTML Anda. Untuk metode definisi, silakan lihat sintaks style sheet. Contohnya seperti berikut:
<html>
＜kepala＞
＜judul＞Judul dokumen＜/judul＞
＜tipe gaya="teks/css"＞
<!--
badan {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; berat font: tebal;
h2 {font: 13pt/15pt "Arial"; berat font: tebal;
p {font: 10pt/12pt "Arial"; warna: hitam}
-->
＜/gaya＞
＜/kepala＞
<body>
Harap dicatat bahwa mengatur atribut type dari objek style ke "text/css" di sini memungkinkan browser yang tidak mendukung tipe ini untuk mengabaikan style sheet.