0 Apa Yang Dimaksud Dengan CSS

Oleh sabia | Kamis, Mei 26, 2011 | Tags:
   CSS Kependekan dari Cascading Style Sheet merupakan sebuah script pelengkap dokumen HTML yang di kembangkan oleh sebuah lembaga atau organisasi dunia yang membidangi teknologi internet yaitu W3C .
Tahap pengembangan CSS sendiri dari awal di temukan sampai saat artikel ini di tulis sudah mencapai Versi 3, atau lebih dikenal dengan nama " CSS3 " .


  Dengan adanya CSS sendiri seorang pengembang web desain banyak diberi kemudahan dalam hal membuat tampilan sebuah web atau blog . Fungsi dari CSS sendiri kalau dilihat dari namanya adalah mengatur tampilan atau style dari sebuah dokumen , tentunya berupa dokumen HTML. Sehingga membuat dokumen HTML  tersebut memiliki tampilan yang lebih dinamis dan kelihatan cantik .

Keunggulan CSS sendiri bersifat lintas platform, sehingga bisa di baca oleh berbagai system operasi dan juga browser, kecuali dalam browser Internet Explorer perlu pengoptimalan kode CSS atau di perlukan sebuah trik khusus karena ada beberapa script CSS yang salah diartikan oleh Browser tersebut . Mudah-mudahan pada versi selanjutnya dari Internet Explorer ini mengalami perbaikan .


  Penulisan sintaks dari kode CSS sendiri adalah seperti berikut :

selector { property: value }


  • selector
    •    nama dari sebuah elemen bisa berupa " class " ataupun " id " dari sebuah tag HTML yang dipilih untuk di buat style nya .Penulisan class sendiri selalu di awali dengan tanda ( . ), contohnya :

.sidebar { property : value }

           Sedangkan penulisan untuk id selalu diawali dengan tanda ( # ), contohnya :


#sidebar-wrapper { property : value }


  • property
    • Nama atau atribut yang akan diatur nilainya. Sebagai contoh :
#sidebar-wrapper { width : value }

nah, width disini adalah nama dari  sebuah atribut yang akan diatur nilainya atau value nya .
  • value
    • ini adalah nilai atau value dari property, bisa berupa teks ataupun angka. Sebagai contoh :
#sidebar-wrapper { width : 320px }

    angka 320px merupakan value atau nilai dari sebuah property .

Struktur penulisan kode CSS sendiri di dalam dokumen HTML di bagi ke dalam tiga bagian :



  • Inline Style yaitu menulis langsung di dalam bagian body dari HTML.




    • Seperti diketahui struktur penulisan sebuah dokumen HTML seperti dibawah, ini berikut contoh menulis kode CSS secara Inline Style :


    <html>
    <head>

    <title>Contoh Inline Style</title>

    </head>
    <body>

    <h3>Judul Artikel </h3>
    <p style="color:blue"> Tulisan artikel disini </p>

    </body>
    </html>


    Nah, contoh struktur diatas merupakan contoh penulisan kode CSS secara langsung alias inline style. Lihat didalam tag <p> ada tulisan style untuk property warna, itu merupakan penulisan CSS secara langsung didalam bagian body dokumen HTML .



  • Header Style . Sesuai namanya header Style, berarti penulisan kode CSS di tulis di bagian ini yaitu antara <head> dan </head>. Contoh seperti berikut :




    • <html>
    <head>

    <title>Contoh Inline Style</title>
    <style>


    h3 {color : red }
    p {color : blue }


    </style>

    </head>
    <body>

    <h3>Judul Artikel </h3>
    <p> Tulisan artikel disini </p>

    </body>
    </html>



  • Menggunakan Link . Artinya  format kode-kode  CSS nya disimpan secara terpisah dari dokumen HTML . Maksudnya Style untuk dokumen HTML, yang berupa kode atau script CSS disimpan disebuah file penyimpanan online, yang nantinya di buatkan kode untuk pemanggilan script CSS tersebut di dalam dokumen HTML. Contoh kode pemanggilan Link nya seperti berikut :





    • <html>
    <head>

    <title>Contoh Inline Style</title>
    <link rel="stylsheet" href="alamat url tempat menyimpan script CSS.css" type="text/css">

    </head>
    <body>

    <h3>Judul Artikel </h3>
    <p> Tulisan artikel disini </p>

    </body>
    </html>


    Itulah sedikit yang aku tahu tentang dasar dari CSS dan coba aku tulis menurut pengertianku, semoga kedepannya aku bisa lebih tahu dan coba menulis lagi tentang  kode-kode CSS yang lainnya .



    KOLOM TUTORIAL BELAJAR
    Garut, 26 Mei 2011

    Ada 0 komentar Untuk: Apa Yang Dimaksud Dengan CSS

    Posting Komentar Untuk Artikel Ini :