Elemen-Elemen CSS dan Contoh Script CSS

-

Contoh Script CSS dan  Elemen-elemen CSS


Oleh : Radarbolang



Dalam artikel kali ini ane membagikan contoh script CSS untuk satu dokumen Html dan Elemen-elemen HTML.
CSS dapat didefinisikan untuk satu halaman secara keseluruhan hanya dengan menambahkan suatu definisi style pada bagian head dokumen HTML.

Berikut Scriptnya , Coba langsung ya gan!


<html>
  <head>
     <title>Penggunaan CSS untuk satu halaman Web</title>
     <style type="text/css">
                .headlines, .sublines, .infotext {
                font-family:arial;
                color:blue;
                background:cyan;
                font-weight:bold;}
                .headlines {font-size:14pt;}
                .sublines {font-size:12pt;}
                .infotext {font-size:10pt;}
     </style>
  </head>
  <body>
     <span class="headlines">Selamat Datang</span><br>
     <div class="sublines"> Ini adalah contoh penggunaan web yang menggunakan CSS.<br>
                Contoh ini menggunakan CSS untuk satu halaman Web.<br>
                Pendefinisian style cukup dilakukan di tag head.<br>
     </div>
     <br>
     <table border="2"><tr>
                <td class="sublines"> Style juga dapat dilakukan dalam elemen table. </td></tr>
     </table>
     <br>
     <hr>
     <div class="infotext"> contoh penggunaan CSS untuk satu halaman
     </div>
     <hr>
  </body>
</html>


NEXT.....

ELEMEN-ELEMEN CSS

Elemen-elemen CSS:

  • CSS Text

Element text akan membuat tampilan teks menjadi lebih menarik





  • CSS Font

Digunakan untuk mengatur tingkah-laku huruf (font). Elemen ini mempunyai beberapa properti. Satu properti dapat mempunyai beberapa nilai.





  • CSS List dan Marker

Elemen list & marker digunakan untuk mengatur semua properti dalam satu deklarasi dan menentukan tipe-tipe marker





  • CSS Background

Elemen background atau color digunakan untuk mengatur warna teks dan background halaman web



  • CSS Link

Digunakan sebagai penghubung sehingga dapat digunakan untuk berpindah dari satu bagian ke bagian lain, dari satu halaman ke halaman lain bahkan dari satu situs ke situs lainnya. CSS menyediakan elemen link yang dapat digunakan untuk mengatur perilaku link.

A:link à untuk link normal yang belum dikunjungi, belum diklik.
A:visited à untuk link yang telah dikunjungi.
A:active à untuk link aktif. Link aktif adalah link yang halaman tujuannya sedang ditampilkan oleh web browser.
A:hover à untuk link yang hover. Saat mouse digerakkan atau mouse over di atas suatu link, kondisi ini disebut link hover.


Itu dia sedikit contoh untuk script CSS dan Elemen-elemen dalam css atau yang digunakan dalam CSS. 
Selamat Mencoba!
Semoga Bermanfaat


Salam Radar :)


Komentar

Posting Komentar