Scribd
Unggah
12 tayangan13 halaman

W3 CSS

Diunggah oleh

dimaskiller31o
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
12 tayangan13 halaman

W3 CSS

Diunggah oleh

dimaskiller31o
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 13

Pengenalan CSS

Pengembangan Aplikasi Web - Pekan 3

Tim Pengajar MK Pengembangan Aplikasi Web

1
Apa itu CSS
Apakah halaman ini membuat anda betah?
Bandingkan dengan halaman berikut
Jika anda harus membuat website,
halaman mana yg anda pilih dari slide
sebelumnya?
Jika anda pilih yang kedua, maka anda
harus mengenal
CSS (Cascading Style Sheets)
Cascading Style Sheet

Cascading Style Sheets (CSS) merupakan bahasa yang membantu


memperindah tampilan dari laman web yang telah dibangun dengan HTML.
CSS mendeskripsikan bagaimana bentuk tampilan elemen HTML seharusnya
saat ditampilkan pada laman browser.

Format penulisan CSS secara umum ditunjukkan pada gambar berikut.


•
Cara Penggunaan CSS
Eksternal CSS

Eksternal Style Sheet merupakan cara menyisipkan atau mende nisikan


CSS ke dalam HTML dengan memanggil le dengan ekstensi .css ke dalam le
HTML. Pemanggilannya diletakkan di antara elemen <head></head> dengan
menggunakan tag <link/>.
•

fi
fi
fi
Internal CSS

Internal Style Sheet merupakan cara menyisipkan atau mende nisikan CSS
ke dalam HTML dengan menggunakan tag <style> </style> pada elemen HEAD
HTML. Biasanya digunakan ketika satu laman membutuhkan style CSS yang
berbeda dari yang telah dipanggil pada Eksternal Style Sheet.

fi
Inline CSS

Inline Style merupakan cara menyisipkan atau mende nisikan CSS ke dalam
HTML dengan menambahkan atribut style pada elemen HTML yang ingin
ditambahkan CSS. Biasanya digunakan hanya untuk satu elemen HTML yang
membutuhkan style CSS yang berbeda dari yang telah dide nisikan pada
Internal Style atau Eksternal Style.

fi
fi
Referensi

• Scaleyourapp : https://scaleyourapp.com/web-application-architecture-
explained/

• W3school : www.w3school.com
• Buku :
• Software Architecture for Web Developers - Mihaela Roxana Ghidersa
• PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies - Steve
Suehring, Janet Valade

• HTML, CSS, Javascript All-in-One For Dummies - Paul McFedries


Hatur Nuhun

Anda mungkin juga menyukai