Powered by Blogger.
RSS

Cara Menggunakan Style CSS

Cara Menggunakan Style CSS
http://moodle.gprc.ab.ca/file.php/712/multimedia_2.jpg



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

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


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment