Ketika browser membaca style sheet, itu akan memformat dokumen HTML menurut informasi dalam style sheet.
Ada tiga cara untuk memasukkan style sheet:
Style sheet eksternal
Internal style sheet
gaya inline
Style sheet eksternal
Internal style sheet
gaya inline
Style Sheet eksternal
Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah hanya satu file!
Setiap halaman harus menyertakan referensi ke eksternal style sheet file di dalam element
Contoh
:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>Ini adalah sebuah heading</h1>
<p>Ini adalah sebuah paragraph.</p>
</body>
</html>
hasil :
Ini adalah sebuah heading
Ini adalah sebuah
paragraph.
Style sheet eksternal dapat ditulis dalam editor teks apapun. File tidak harus berisi tag html. File style sheet harus disimpan dengan ekstensi css.
Style Sheet internal
Style sheet internal dapat digunakan jika satu halaman tunggal memiliki gaya yang unik.
Gaya internal didefinisikan dalam <style> elemen, dalam <head> dari sebuah halaman
Style sheet internal dapat digunakan jika satu halaman tunggal memiliki gaya yang unik.
Gaya internal didefinisikan dalam <style> elemen, dalam <head> dari sebuah halaman
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body><h1>Ini adalah sebuah heading</h1>
<p>Ini adalah sebuah paragraph.</p>
</body>
</html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body><h1>Ini adalah sebuah heading</h1>
<p>Ini adalah sebuah paragraph.</p>
</body>
</html>
hasil :
Ini adalah sebuah heading
Ini adalah sebuah
paragraph.
No comments:
Post a Comment