Rabu, 25 Maret 2015

Pertemuan 05, 16 Maret 2015: CSS & CSS 3

Cascading Style Sheet  (CSS) merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konfik style. CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih terstruktur dan lebih seragam.
CSS seperti halnya styles pada aplikasi  pengolahan kata Microsoft Word yang bisa mengatur beberapa style, misalnya subbab, heading, bodytext, footer, images, dan style lainnya untuk dapat dipakai bersama-sama dalam beberapa file. CSS biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS mampu mengatur warna body teks, ukuran gambar, ukuran border, warna mouse over, warna tabel, warna hyperlink, margin kiri/kanan/atas/bawah, spasi antar paragraf, spasi antar teks, dan parameter lainnya. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Kegunaan CSS, antara lain :

 * Mempersingkat penulisan tag HTML : Anda tidak perlu lagi mendefinisikan setiap tag dengan property dan nilai yang sama.

* Mempercepat proses rendering atau pembacaan HTML karena tidak terdapat pengulangan tulisan.

* Mudah dan cepat dalam me-maintenance : dikarenakan file CSS dibuat secar terpisah , maka Anda tidak perlu merombak semua elemen atau property dalam HTML, cukup mengedit file CSS-nya saja.

Perbedaan CSS dan CSS3
CSS3 memberikan fitur-fitur yang lebih dibandingkan dengan CSS versi sebelumnya.tapi CSS3 juga tidak meninggalkan fitur lama dari CSS sebelumnya

Dibawah ini fitur tambahan yang ada di CSS3
Borders
border-color
border-image
border-radius
box-shadow

Backgrounds
background-origin dan 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




0 komentar:

Posting Komentar