Sebuah style sheet web adalah bentuk pemisahan presentasi dan konten untuk desain web di mana markup (yaitu, HTML atau XHTML) dari halaman web berisi halaman konten semantik dan struktur, tetapi tidak mendefinisikan tata letak visual (gaya). Sebaliknya, gaya didefinisikan dalam file style sheet eksternal menggunakan bahasa style sheet seperti CSS atau XSLT. Pendekatan desain ini diidentifikasi sebagai "pemisahan" karena sebagian besar menggantikan metodologi yg di mana markup suatu halaman didefinisikan baik gaya dan struktur.
Secara keseluruhan, pengalaman pengguna situs menggunakan style sheet umumnya akan lebih cepat dibandingkan situs yang tidak menggunakan teknologi . " Secara keseluruhan 'sebagai halaman pertama mungkin akan memuat lebih lambat - karena style sheet dan konten akan perlu ditransfer .
Style sheet terpasang memungkinkan Anda untuk menanamkan seluruh dokumen CSS di bagian <head> dokumen XHTML.
Styles ditempatkan di <head> berlaku untuk elemen yang cocok di manapun mereka muncul dalam seluruh dokumen . Tubuh style sheet menyatakan aturan CSS untuk style sheet .
Sebuah selector CSS menentukan elemen akan ditata sesuai dengan aturan . Properti font weight menentukan " keberanian " teks . Dalam contoh ini , semua elemen em akan ditampilkan dalam huruf tebal .
Kelas Style bernama khusus. Kelas Style mendefinisikan gaya yang dapat diterapkan untuk setiap elemen . Dalam contoh ini , kita mendeklarasikan kelas khusus , yang menetapkan warna biru .
Properti font-family menentukan nama font untuk digunakan . Properti font-size menentukan font 12 -point .
<head>
<style type = "text/css">
em { font-weight: bold;
color: black }
h1 { font-family: tahoma, helvetica, sans-serif }
p { font-size: 12pt; font-family: arial, sans-serif }
.special { color: #6666ff }
</style>
</head>
<body>
<h1 class = "special">Tutorials Code</h1> <!-- atribut kelas ini menerapkan gaya khusus. -->
<p>Tutorials Code</p>
<h1>Csharp Programming</h1>
<p class = "special"> beberapa teks<em>bold text</em>beberapa teks lain</p>
</body>
Tidak ada komentar:
Posting Komentar