1.Pengenalan CSS dan cara penulisannya


A. Pengenalan CSS

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.



B. Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandardisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.


C. Cara penulisan CSS


Cara penulisan CSS sebenarnya cukup mudah tetapi ada hal yang harus diperhatikan saat penulisan CSS yaitu id untuk pemanggilan script/tag CSS.Penulisannya seperti contoh di bawah ini.

h1 {
     color: green;
     }

atau pun bisa juga seperti dibawah ini.

.conten {
        color: green;
        }

perbedan kedua script tersebut terletak pada pemanggilannya bila kita menuliskan <h1></h1> maka semua tulisan yang diawali dengan <h1></h1> berbah menjadi warna hijau sebaliknya dengan conten bila kita menulisankan <div style=conten></div> hanya akan mengubah tulisan yang ada di dalam div saja

Sekian tutorial kali ini. Untuk selanjutnya saya akan memberikan tutorial cara pemanggilan CSS. Sekian terima kasih. Semoga bermanfaat.

Share on Google Plus

About vildan afriansyah

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.