Belajar CSS -6- Tata Cara Penulisan: Inline Style Sheet dan Embedded Style Sheet

Membahas CSS tidak ubahnya seperti belajar memodifikasi blog. Dengan bahasa HTML-nya, CSS bisa membuat blog tampil beda, sesuai yang kita inginkan. Sangat menarik membahasnya, apalagi bagi saya yang suka ngutak-atik blog dan sedikit banyak menulis tentang tutorial blog.

Bagaimana dengan kawan-kawan blogger? apa tertarik membahas CSS? apa kawan mengutak-atik blog tahu dasar-dasar CSS? atau apa kawan menulis tutorial blog hanya sekedar copy paste tanpa memiliki pengetahuan dasar HTML yang cukup?

Tata cara penulisan CSS <div style=" - - - "></div> seperti dalam beberapa kode yang saya contohkan disini, merupakan cara penulisan CSS dengan metode Inline Style Sheet[1]. Selain metode tersebut, ada metode kedua penulisan CSS yaitu Embedded Style Sheet, dimana penulisannya <style> - - - </style> yang saya contohkan seperti dibawah ini (kode CSS pada Belajar CSS -5- tentang Kombinasi Atribut atau Property CSS

Baris horizontal

<style>
.boxabi1 {
border-left: 6px solid #FBB784;
margin: 5px 10px 5px 25px;
padding: 10px;
background: #FFFFCE;
color: #A52A2A;
width: 450px;
font-size: 17px;
}
</style>

Baris vertikal (plus penggabungan dua buah style)

<style>
.boxabi2 { border-right: 3px solid #006600; border-bottom: 3px solid #006600; margin: 10px; padding: 10px; background: #ADE4AD; color: #990099; width: 430px; -moz-border-radius: 0 15px; }
.boxabi3 { margin: 10px; padding: 10px; background: #EBF3FB; color: blue; font-size: 23px; width: 400px; height: 100px; overflow: auto; }
</style>

Untuk memanggil CSS diatas, kodenya adalah

1. <div class="boxabi1">Tulis disini</div>
2. <div class="boxabi2">Tulis disini</div>
3. <div class="boxabi3">Tulis disini</div>

Adapun hasilnya

1. Assalamu'alaikum warohmatullohi wabarokatuh
2. Bismillaahirrahmaanirrahiim. Segala puji bagi Allah Tuhan semesta alam, Yang menggenggam kehidupan ini, Yang telah menganugerahkan kemampuan kepada penulis untuk bisa menyelesaikan penyusunan skripsi ini.
3. Aksi Norman mulanya beredar dari HP ke HP di kalangan polisi di Gorontalo. Tetapi tanpa diduga gayanya itu menembus Youtube. Sampai sekitar pukul 17.30, hari Jumat, 8 Maret 2011, video Norman telah diunduh 1.035.359 kali. Sedangkan versi aslinya milik Shahrukh Khan dan Malaika Arora baru diunduh 113.016 kali. Luar biasa, kepupoleran Norman di Youtube dengan "Chaiyya Chaiyya"-nya jauh melebihi Shahrukh Khan.[2]

Referensi
[1] Wikipedia
[2] Kompas

Artikel Terkait

Pilih Label

• Blogger
• Linux
• Tips dan Trik
• Musik
• Live USB
• Sunda
• Android

Baca lagi