Setelah kita mempelajari tentang dasar-dasar HTML yang mengatur isi dari suatu content web, maka kali ini kita akan belajar tentang CSS (Cascading Style Sheet) yang berfungsi untuk mengatur tampilan sebuah web. Lalu bagaimana caranya??Ada 3 cara yang bisa digunakan dalam penerapan CSS ke dalam sebuah
halaman web, yaitu penerapan secara inline, embedded, dan external.
1. Inline Style
Penerapan kode CSS yang diletakkan langsung dengan objek yang ingin diatur.
<p
style="font-family: sans-serif; color: #3366CC;">
Contoh CSS Inline
</p>
2. Embedded Style
Penerapan kode CSS terpisah dari objek yang ingin diatur, tetapi masih didalam satu file. Biasanya kode CSS dengan embedded style ini diletakkan diantara tag <head>.
<style type="text/css">
CSS Styles here
</style>
3. External Style
Penerapan kode CSS yang diletakkan dalam file yang berbeda. Tetapi dalam file HTML yang ingin diatur harus dituliskan kode yang akan merujuk pada file CSS yang ada.
<link
rel="stylesheet"
type="text/css" href="styles.css"
/>
Untuk contoh CSS dari masing-masing style dapat di download di sini
No comments:
Post a Comment