Hay Sobat bertemu lagi Bersama saya Disini saya akan Shering Tentang Antara :
Cascading Style Sheet (CSS )
merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. CSS bukan tidak termasuk
dalam bahasa pemograman.
CSS biasanya dipakai untuk mengatur halaman yang menggunakan bahasa HTML atau xHTML.
Css dapat mengatur gambar, garis, border, hyperlink, over mouse, parameter, dll.
Bentuk penulisan umum dari Css adalah
#selector { property:value; } dan diapit oleh kurung kurawal yang disebut declaration
2. Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
3. Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
4. Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
5. Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser.
6. CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.
Perbedaan CSS dengan CSS3
CSS3 memberikan fitur-fitur yang lebih dibandingkan dengan CSS versi sebelumnya.tapi CSS3 juga tidak meninggalkan fitur lama dari CSS sebelumnya.
Ada beberapa penambahan fitur dalam CSS3, diantaranya:
Borders: border-color, border-image, border-radius, box-shadow
Backgrounds: background-origin, background-clip, background-size, multiple backgrounds
Color: HSL colors, HSLA colors, opacity, RGBA colors
Text Effects: text-shadow, text-overflow, word-wrap
User-interface: box-sizing, resize, outline nav-top, nav-right, nav-bottom, nav-left
Selectors: attribute selectors, Basic box
Model: overflow-x, overflow-y
Generated Content: content
Other modules: media queries, multi-column layout,
Web fonts: speech
Beberapa kelebihan yang terdapat pada CSS3:
CSS3 tak berdeba jauh dengan tingkat-tingkat sebelumnya, hanya saja memiliki performa style yang jauh lebih baik dan tambahan beberapa standar fungsi yang lebih menarik. Setelah W3C mengeluarkan standar untuk CSS3 banyak pengembang web browser mencoba mengadopsi CSS3 pada browernya. Masing-masing pengembang web browser mendefinisikan metode sendiri dalam mengembangkan CSS3 pada web browser mereka. Beberapa dari prodyusen web browser menetapkan aturan untuk menggunakan CSS3, seperti Mozilla yang menggunakan Prefix_moz pada browsernya untuk menterjemahkan suatu properti CSS3, sama halnya dengan Safari yang menggunakan Perfix-webkit dan diikuti oleh Opera dengan Prefix-o.
;;;* ini contoh css dan css 3
*catatan : Saya Belum Terlalu Mahir Dalam Membeda-Membedakan Tetapi Ini Sering Terjadi Saat Saya Mencoba nya.
jika Anda ingin Tau lebih jauh Selakann anda Mengunjung web www.w3schools.com
- CSS
- CSS 3
CSS biasanya dipakai untuk mengatur halaman yang menggunakan bahasa HTML atau xHTML.
Css dapat mengatur gambar, garis, border, hyperlink, over mouse, parameter, dll.
Bentuk penulisan umum dari Css adalah
#selector { property:value; } dan diapit oleh kurung kurawal yang disebut declaration
- Fakta seputar Css
2. Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
3. Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
4. Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
5. Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser.
6. CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.
Perbedaan CSS dengan CSS3
CSS3 memberikan fitur-fitur yang lebih dibandingkan dengan CSS versi sebelumnya.tapi CSS3 juga tidak meninggalkan fitur lama dari CSS sebelumnya.
Ada beberapa penambahan fitur dalam CSS3, diantaranya:
Borders: border-color, border-image, border-radius, box-shadow
Backgrounds: background-origin, background-clip, background-size, multiple backgrounds
Color: HSL colors, HSLA colors, opacity, RGBA colors
Text Effects: text-shadow, text-overflow, word-wrap
User-interface: box-sizing, resize, outline nav-top, nav-right, nav-bottom, nav-left
Selectors: attribute selectors, Basic box
Model: overflow-x, overflow-y
Generated Content: content
Other modules: media queries, multi-column layout,
Web fonts: speech
Beberapa kelebihan yang terdapat pada CSS3:
- CSS3 lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya didalam objek ‘blockquote’ bisa membuat(quote) diawal dan akhir menggunakan font lebih besar dan konten blockquote itu sendiri.
- CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS1 dan CSS2.
- Dengan menggunakan CSS3 situs yang kita buat akan lebih berkembang dan bisa lebih interaktif dengan pengunjung.
- Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwith inbound/outbound situs.
- CSS3 lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya didalam objek ‘blockquote’ bisa membuat(quote) diawal dan akhir menggunakan font lebih besar dan konten blockquote itu sendiri.
- CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS1 dan CSS2.
- Dengan menggunakan CSS3 situs yang kita buat akan lebih berkembang dan bisa lebih interaktif dengan pengunjung.
- Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwith inbound/outbound situs.
CSS3 tak berdeba jauh dengan tingkat-tingkat sebelumnya, hanya saja memiliki performa style yang jauh lebih baik dan tambahan beberapa standar fungsi yang lebih menarik. Setelah W3C mengeluarkan standar untuk CSS3 banyak pengembang web browser mencoba mengadopsi CSS3 pada browernya. Masing-masing pengembang web browser mendefinisikan metode sendiri dalam mengembangkan CSS3 pada web browser mereka. Beberapa dari prodyusen web browser menetapkan aturan untuk menggunakan CSS3, seperti Mozilla yang menggunakan Prefix_moz pada browsernya untuk menterjemahkan suatu properti CSS3, sama halnya dengan Safari yang menggunakan Perfix-webkit dan diikuti oleh Opera dengan Prefix-o.
;;;* ini contoh css dan css 3
*catatan : Saya Belum Terlalu Mahir Dalam Membeda-Membedakan Tetapi Ini Sering Terjadi Saat Saya Mencoba nya.
jika Anda ingin Tau lebih jauh Selakann anda Mengunjung web www.w3schools.com
Komentar
Posting Komentar