HTML CSS

Cara Menggunakan Styles

Ketika browser membaca sebuah style sheet / css, browser akan memformat dokumen sesuai dengan css yang kita definisikan.


Ada tiga cara untuk memasukkan sebuah style sheet :
  • Style sheet eksternal
  • Internal style sheet
  • Style inline


Style sheet eksternal

Sebuah style sheet eksternal sangat ideal bila style diterapkan pada banyak halaman . Dengan style sheet eksternal, anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link> . Tag <link> masuk ke dalam bagian <head> :

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>


Style Internal

Sebuah internal style sheet baik digunakan jika salah satu dokumen tunggal memiliki gaya yang unik. Style internal didefinisikan dalam bagian <head> halaman HTML , dengan menggunakan tag <style> , seperti ini :

<head>
<style type="text/css">
body { background-color : yellow }
p {color : blue}
</style>
</head>


inline Styles

Style inline baik digunakan jika gaya yang unik yang akan diterapkan pada satu kejadian tunggal dari suatu elemen. Untuk menggunakan gaya inline, gunakan atribut style dalam tag yang relevan . Atribut style dapat berisi properti CSS . Contoh di bawah ini menunjukkan bagaimana untuk mengubah warna teks dan margin kiri paragraf :

<p style="color:blue;margin-left:20px"> Ini adalah paragraf . </p>

Untuk mempelajari lebih lanjut tentang style sheet , kunjungi tutorial css di website kami .
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda