definisi dan fungsi cashanding style sheet
cascading style sheet atau lebih sering sisebut dengan istilah css merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya(style) tampilan website.css merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website
beberapa manfaat menggunakan css
- kode html sederhana dan mudah diatur
- ukuran file lebih kecil maka load file lebih cepat
- mudah mengubah tampilan , hanya dengan mengubah file css
- dapat digunakan hampr semua jenis browser
- css 3 merupakan versi CSS terbaru yang masih dikembangkan oleh W#C dan CSS2 didukung seutuhnya oleh CSS3 dan tidak ada perubahan
- anatomi CSS terbagi kedalam 3 bagian yaitu selector, properti, dan value
- cara kerja CSS dimulai saat deklarasi style digunakan dengan
menulis style (selektor id, dan class)
format penulisan CSS dengan selector html adalh nama - element
format penulisan CSS dengan selector class adalah nama - class (....)
format penulisan CSS dengan selector id adalah #id..(...)
- penulisan CSS pada sebuah halaman web dapat dilakukan dengan beberapa alternatif diantaranya adalah inline style sheet embedded style sheet, extmal style sheet
.
CSS bukanlah sebuah bahasa pemograman melainkan sebuah aturan untuk mengendalikan beberapa komponen pada web sehingga akan lebih tertekstur seragam dan mudah dalam pengaturan saat pendesain sebuah halaman web CSS sekitar pembuatan dan pengaturan style font warna ,jarak,bentuk dll yang tidak dapat dilakukan dengan elemen html.Dengan penggunaan dari CSS dalam membuat web akan memberikan manfaat seperti berikut :
- kode html menjadi lebih sederhana dan mudah diatur
- ukuran file menjadi lebih kecil sehingga load file lebih cepat
- mudah mengubah tampilan hanya dengan mengubah file css saja
- dapat berkolaborasi dengan java seprit dan merupakan pasangan html
- dapat digunakan hampir semua jenis file web browser
Versi dan Fitur CCSS
CSS 1 Fokus mengatur pemformatan dokumen HTML, seperti :
- Font (Jenis ketebalan).
-Warna, teks, background dan elemen lainnya.
- Text attributes, misalnya spasi antar baris, kata dan huruf.
- Posisi teks, gambar, table dan elemen lainnya.
- Margin, border dan padiing.
CSS 2
- Mengatur format dokumen untuk kebutuhan di cetak dengan printer
- Posisi konten
- Downloadable
- Font huruf
- Table layout
- Media tipe yang
CSS 3
- Sangat mendukung tampilan desain website
- Animasi warna bahkan sampai animasi 3D
- Menunjang kompabilitas website dengan smartphone
- CSS math
- CSS obyek model
- Mendukung fungsi multimedia pada website
- Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap"
- Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts". -Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 2 dimensi, sudut tumpul dan shadow
CSS 1 Fokus mengatur pemformatan dokumen HTML, seperti :
- Font (Jenis ketebalan).
-Warna, teks, background dan elemen lainnya.
- Text attributes, misalnya spasi antar baris, kata dan huruf.
- Posisi teks, gambar, table dan elemen lainnya.
- Margin, border dan padiing.
CSS 2
- Mengatur format dokumen untuk kebutuhan di cetak dengan printer
- Posisi konten
- Downloadable
- Font huruf
- Table layout
- Media tipe yang
CSS 3
- Sangat mendukung tampilan desain website
- Animasi warna bahkan sampai animasi 3D
- Menunjang kompabilitas website dengan smartphone
- CSS math
- CSS obyek model
- Mendukung fungsi multimedia pada website
- Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap"
- Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts". -Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 2 dimensi, sudut tumpul dan shadow
Comments
Post a Comment