Cara Menggunakan Style CSS - Dalam pembahasan ini Echo Indo akan mengajarkan yaitu Cara Menggunakan Style CSS Sebenarnya ini hanya cara pemakaian saja bukan untuk membahas Cara Membuat Style CSS nanti di lain waktu akan kita bahas,sudah tidak sabar untuk mempelajari Cara Menggunakan Style CSS ? Berikut Tutorialnya
Ketika browser membaca sebuah style sheet, ia akan memformat dokumen sesuai untuk itu.
Ada tiga cara untuk memasukkan sebuah style sheet:
Eksternal style sheet
Internal style sheet
Inline style
Untuk menggunakan gaya inline, menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS. Contoh di bawah ini menunjukkan cara mengubah warna teks dan margin kiri paragraf:
Sekian dari pembahasan Cara Menggunakan Style CSS Semoga bermanfaat terutama untuk seorang programmer Jangan lupa untuk berkomentar di tunggu
Ada tiga cara untuk memasukkan sebuah style sheet:
Eksternal style sheet
Internal style sheet
Inline style
Eksternal Style Sheet
Style sheet eksternal sangat ideal bila gaya yang 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>
Internal Style Sheet
Style sheet internal dapat digunakan jika satu dokumen tunggal memiliki gaya yang unik. Gaya 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
Gaya inline dapat digunakan jika gaya yang unik adalah untuk diterapkan pada satu kejadian tunggal dari suatu elemen.Untuk menggunakan gaya inline, menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS. Contoh di bawah ini menunjukkan cara mengubah warna teks dan margin kiri paragraf:
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
Sekian dari pembahasan Cara Menggunakan Style CSS Semoga bermanfaat terutama untuk seorang programmer Jangan lupa untuk berkomentar di tunggu
0 comments:
Post a Comment