Skip navigation

PENGERTAIN TENTANG CSS

CSS (Cascading Style Sheet)

adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk

mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak

terjadi pengulangan tulisan.

CSS DASAR

• Tentang CSS

• Kegunaan CSS

• Aturan Penulisan

• CSS Background

• CSS Font

• CSS Teks

• CSS Border

• Margin

• Contoh Layout Web menggunakan CSS

Apakah CSS itu ?

  • CSS adalah singkatan dari Cascading Style Sheets

– Styles menentukan bagaimana menampilkan elemen dari HTML

– Styles biasanya disimpan dalam Style Sheets

– Styles ditambahkan ke HTML 4.0 untuk mengatasi masalah tampilan suatu website

– External Style Sheets dapat membantu anda menyelesaikan banyak pekerjaan

– External Style Sheets disimpan di dalam file CSS

– Definisi dari beberapa styel akan di tampilkan secara berurutan dalam satu file

Keuntungan menggunakan CSS

• Memisahkan presentastion sebuah dokumen dari content document itu sendiri.

• Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web

• Mempercepat proses rendering/pembacaan HTML.

Styles mengatasi masalah umum dalam desain HTML

tag-tag HTML pada dasarnya didesain untuk mendefinisikan isi dari sebuah dokumen. Tag-tag ini biasanya menyatakan “ini adalah header”, ” ini adalah paragraf”, “Ini adalah tabel”, dengan menggunakan tanda seperti <p>, <h1>, <table> dan sebagainya. Tampilan dari dokumen HTML seharusnya sudah diatur oleh browser, tanpa ada lagi melakukan pengaturan tampilan dari tag-tag yang sudah ada.

Ketika dua browser utama – Netscape dan Internet Explorer- mulai menambahkan tag-tag HTML dan attribut yang baru (mis : tag &ltfont> dan attribut color) ke dalam HTML standar, maka hal ini menjadi semakin sulit untuk membuat Web site dimana isi dari dokumen-dokumen HTML terpisah dari layout dokumen tersebut.

Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) – sebuah lembaga non profit yang bertanggung jawab terhadap standarisasi HTML – menciptakan STYLES sebagai tambahan pada HTM 4.0

Style Sheets Dapat Menghemat Banyak Tugas
Style mendefinisikan BAGAIMANA element HTML akan ditampilkan, sama seperti tag font dan atribut color pada HTML 3.2. Style disimpan dalam file .css external (terpisah dari dokumen HTML). Dengan halaman Style External maka anda dapat mengubah tampilan dan susunan dari semua dokumen HTML website anda, hanya dengan mengedit sebuah dokumen CSS saja!

Dengan CSS maka seorang developer website dapat mengontrol desain dan tampilan dari beberapa halaman Web secara serentak. Sebagai Web developer maka kita dapat menentukan desain layout dari setiap elemen HTML dan mengaplikasikan ke sebanyak mungkin halaman Web yang kita inginkan. Untuk mengubah secara global, cukup dengan mengubah style, dan seluruh elemen dalam halaman Web akan diupdate secara otomatis.

Multiple Styles ditampilkan dalam satu urutan

Sebuah halaman Style dapat mendefinisikan informasi dari beberapa style dalam berbagai cara. Style dapat dispesifikasikan didalam sebuah elemen HTML, didalam elemen <head> dari sebuah halaman HTML, atau dalam sebuah file .CSS eksternal. Bahkan berbagai halaman style

%d blogger menyukai ini: