Kursus Web : CSS-1 [Bagian 2]

By -

ensiklo1
Seperti dijelaskan pada bagian pertama, http://tekno.ensiklo.com/kursus-web-html-bagian-1/, HTML terdiri dari susunan elemen-elemen HTML yang memiliki properti atau sifat sendiri. Ada beberapa cara memberikan sifat atau properti bagi elemen-elemen HTML tersebut. Cara pertama adalah dengan langsung memberikan atribut properti yang berkaitan. Misal saat akan dibuat font berwarna merah, maka akan dibuat :

Styling Elemen HTML

HTML ternyata menyediakan cara lain dalam pemberian properti, yaitu dengan cara memberikan atribut style. Atribut style memiliki isian berupa properti dan value. Seperti misal : color, font, size, margin, padding dan sejenisnya, dalam satu atribut. Susunannya contohnya adalah seperti demikian :

Contoh :

Hasilnya adalah seperti di bawah ini:

Ini isi sebuah elemen

Cara itu selanjutnya dikembangkan dengan cara memberikan nama bagi elemen-elemen HTML, selanjutnya mengatur setiap elemen dengan aturan yang diberikan melalui file lain yang dinamakan konsepnya sebagai CSS

Cascading Style Sheet

CSS atau Cascading Style Sheet adalah format yang digunakan untuk melakukan styling HTML. Pormat yang digunakan bisa dalam satu file dengan HTML, dan dapat juga diletakkan dalam file yang berbeda. Untuk peletakan CSS dalam satu file dengan HTML biasanya diawali dengan tag

. Di dalam tag style tersebut, terdapat properti dan value untuk elemen-elemen HTML. Elemen HTML yang dikenai format akan diberikan penandaan berupa ID atau CLASS. Sebagai contoh adalah sebagai berikut:

Sebagai perhatian, bahwa CSS harus diletakkan lebih atas daripada elemen HTMLnya, karena CSS merupakan aturan bagi HTML. Biasanya, dalam satu aplikasi web, karena banyaknya halaman yang harus diatur dengan aturan yang sama, maka file CSS diletakkan dalam satu file tersendiri, dan oleh HTML akan dipanggil dengan tag

Contoh adalah sebuah file HTML:

Dan sebuah file CSS :

Hasilnya akan sama. Dengan memisahkan HTML dan CSS maka proses pengkodean/coding, akan lebih menghemat energi. Proses edit juga dapat dilakukan satu kali pada file CSS, dan akan memberikan dampak pada seluruh aplikasi yang menggunakan file CSS yang sama.

Versi CSS

Versi CSS sekarang sudah mencapai versi 3. Berkembang bersama dengan HTML 5, dan dikembangkan dengan mendukung manipulasi media. Sintaks-sintaks yang digunakan dalam CSS cukup lengkap dan banyak, namun untuk keperluan pembuatan web sehari-hari hanya diperlukan beberapa tag saja yang populer. Untuk tag dan struktur, dapat diikuti pada posting edisi “Ensiklo Kursus Web” selanjutnya.

Tukang panggul perangkat keras dan perangkat lunak yang memiliki hobi minum kopi, dan juga bekerja sebagai OB --Ofifice Boy serta menulis di www.bimosaurus.com

Leave a Reply

Your email address will not be published. Required fields are marked *