HTML Bagian CSS
HTML CSS
CSS singkatan dari Cascading Style Sheets. Styling dapat ditambahkan menjadi ke elemen HTML menjadi 3 cara, yaitu sebagai berikut:
1. Inline - menggunakan atribut style dalam elemen HTML
2. Internal - menggunakan <style> elemen dalam HTML
3. Eksternal - menggunakan satu atau lebih file CSS eksternal
cara yang paling umum untuk menambahkan styling adalah untuk menjaga gaya dalam file CSS yang terpisah.
1. Inline CSS
styling inline menggunakan atribut style. styling inline digunakan untuk menerapkan gaya unik pada HTML
ini contoh yang saya buat lewat text editor:
dan yang ini saya jalankan lewat web browser:
2. Internal styling
styling internal digunakan untuk menentukan gaya untuk satu halaman HTML.
styling internal didefinisikan dalam <head> halaman HTML, dalam elemen <style>
ini contoh yang saya buat lewat text editor:
style sheet eksternal digunakan untuk menentukan gaya untuk banyak halaman.
Dengan eksternal CSS anda dapat mengubah tampilan seluruh situs web dengan mengubah satu file.
ini contoh yang saya buat dari text editor:
style sheet eksternal dapat ditulis dalam editor text. file harus mengandung tag html. style sheet file harus disimpan dengan ekstensi.css
4. CSS font
a. CSS color property adalah warna teks yang digunakan untuk elemen HTML
b. CSS font-family adalah font yang akan digunakan untuk elemen HTML
c. CSS font-size family adalah ukuran teks yang akan digunakan untuk elemen HTML
ini contoh yang saya buat dengan text editor:
ini yang saya jalankan lewat web browser:
CSS Box Model
setiap elemen HTML memiliki kotak disekitarnya.
ini contoh yang saya buat lewat text editor:
CSS PADDING adalah padding(spasi) dalam perbatasan
ini contoh yang saya buat di text editor:
CSS MARGIN adalah margin (ruang) diluar perbatasan
ini contoh yang saya jalankan lewat text editor:
THE ID ATTRIBUTE
Semua contoh di atas menggunakan CSS untuk gaya elemen HTML secara umum.
ini contoh yang saya buat lewat text editor:
