1 Oleh : Moh. Sulhan 12 Apa itu CSS? - Merupakan bahasa style sheet yang digunakan untuk mengatur tampilan dokumen - Sebuah metode yang digunakan untu...
Apa itu CSS ? - Merupakan bahasa style sheet yang digunakan untuk mengatur tampilan dokumen - Sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color, text, tabel, dll. - Mennghindari penulisan yang berulang - ulang
By : MOH.SULHAN
2
Perancangan Web
X
Penulisan Skrip HTML INFORMATIKA UNIVERSITAS AKADEMIK Penulisan Skrip CSS <style type="text/css"> p { font-size:30px; font-family:Times New Roman; color:#FF3300; }
INFORMATIKA
UNIVERITAS
AKADEMIK
By : MOH.SULHAN
3
Perancangan Web
X
Kegunaan CSS ? - Mempersingkat penulisan tag HTML - Mempercepat proses rendering atau pembacaan HTML - Mudah dan cepat dalam me-maintenance - CSS bisa melakukan apa yang tdk bisa dilakukan oleh HTML
By : MOH.SULHAN
4
Perancangan Web
X
Cara Penulisan CSS ? Cara penulisan skrip CSS dibagi menjadi tiga bagian, yaitu : - Inline Style Sheet - Embedded Style Sheet - Linked Style Sheet
By : MOH.SULHAN
5
Perancangan Web
X
Inline Style Sheet - Metode ini jarang digunakan karena tidak efisien - Penulisan skripnya sama dengan HTML - Contoh :
SAYA BELAJAR CSS
By : MOH.SULHAN
6
Perancangan Web
X
Embedded Style Sheet - Metode ini menggunakan tag <style> … Contoh :
<style type=“text/css”> h1 { color:red}
By : MOH.SULHAN
7
Perancangan Web
X
Linked Style Sheet - Penulisan skrip CSS di halaman yang berbeda atau terpisah dari HTML - Untuk metode ini menggunakan tag yang ditempatkan di tag Contoh :
By : MOH.SULHAN
8
Perancangan Web
X
Aturan Penulisan CSS - SELECTOR : yang terdiri dari Tag, Class, Id, dan Pseudo yang digunakan sebagai pemisah antar elemen - DECLATION: Untuk mendeskripsikan properti dan value yang digunakan pada selector atau pemisah. Selector h1 { color: #0000FF;
Value
} Properti
By : MOH.SULHAN
9
Perancangan Web
X
Komentar Pada CSS - Komentar akan diberikan pada skrip untuk menjelaskan suatu skrip css tertentu. - Komentar pada CSS hampir sama dengan komentar pada bahas C atau C++, yaitu :
/* isi komentar */
h1 { color: red; /* memberikan warna merah pada heading 1 */ }
By : MOH.SULHAN
10
Perancangan Web
X
Macam-macam CSS Ada beberapa Selector pada CSS diantaranya : - Tag/Elemen HTML H1{ color:green} i { font-style:normal)
Grouping dan Inheritance Apa itu Grouping dan Inheritance ? - Grouping - Merupakan pengelompokan beberapa tag HTML dengan properti dan value yang sama. - Metode ini akan membantu menghemat penulisan tag HTML.
- Inheritance - Bisa disebut dengan pewarisan atau turunan. - Inheritance pada CSS akan tetap berlaku pada tag-tag yang berada pada turunannya bila tdk didefinisikan.
<style type=“text/css”> h1 { color:blue}
Ayu Belajar CSS, <span style=“color:red”>Mudah Kan?