Belajar Bahasa CSS
Selasa, 28 Januari 2020
Tambah Komentar
Root@Tupai_Kun
Assalamualaikum, kali ini saya akan kasih Pembelajaran Bahasa CSS.
Pada artikel ini, kita akan membahas pengenalan dasar CSS, seperti:
1. Pengenalan CSS (Inline Style, Internal CSS, External CSS)
2. Styling Font (Font Style, Font Size, Font Weight)
3. Styling Link (Text Decoration, Background Color)
4. Styling Table (Table Borders, Collapse Table Borders, Table Width and Height, Table Padding, Hoverable Table, Table Color)
5. Styling Button (Button Color, Button Font Size, Button Width, Rounded Button, Colored Button Border, Shadow Button, Disabled Button)
6.Styling Image (Rounded Images, Responsive Images, Transparent Images)
Oke segitu yang saya tau selebih nya di google wkwk.
Oke lanjut kita belajar.
CSS adalah bahasa kedua setelah HTML yang harus dipelajari seorang web developer.
Pengetahuan tentang CSS sangatlah penting bagi seorang web developer, karena dengan CSS kita bisa:
Halaman landing page yang menarik;
Template atau tema blog;
Mengubah PSD (Desain web) menjadi HTML;
dan sebagainya.
Contohnya, bagaimana tampilan facebook tanpa CSS?
Mungkin bisa seperti ini :
Gambar Situs web tanpa CSS dan dengan CSS.
Oke kita langsung gasken aja.
Apa itu CSS?
CSS (Cascading Style Sheet) merupakan sebuah bahasa untuk mengatur tampilan web sehingga terlihat lebih menarik dan indah.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lain nya.
Berikut cara penggunaan CSS:
Inline Style:
Dimana kode CSS ditulis langsung elemen yang di inginkan.
Contoh gambar di bawah ini.
Oke lanjut ke step berikut :
Internal CSS:
Internal CSS hanya bisa di gunakan pada satu halaman saja (CSS Tidak bisa di gunakan untuk halaman lain). Penulisan CSS ini di letakkan di dalam elemen head dengan di awali
<style> dan diakhiri </style>
Contoh gambar di bawah ini.
Oke kalo sudah paham lanjut lagi bre:v
External CSS:
Dengan External CSS, kita bisa menggunakan style untuk beberapa halaman dalam suatu website. Untuk menggunakan nya, kita cukup memanggil nya dengan link dan berada di dalam element head.
Contoh gambar di bawah ini.
Oke lanjut ke nomor 2 hmmm, kira kira apa yak nomor dua? Ya pasti nya Styling Font dong:v
Okelah langsung gasken:v
Font Style
Terdapat 3 jenis: Normal, Italic, Oblique.
Contoh gambar di bawah ini.
Oke lanjut next kalo sudah paham:v
Font Size :
Dia sama aja kaya ukuran yak gan:v
Contoh gambar di bawah ini.
Next.
Font Weight :
Menentukan huruf tebal. Terdapat 2 jenis yaitu Normal dan Bold.
Contoh gambar di bawah ini.
Kalau kalian ingin mengganti font dan tebal nya tinggal kalian ganti (bold menjadi normal)
Dah segitu aja dulu nanti di tambahin lagi kok:v
Author : root@Tupai_Kun
Belum ada Komentar untuk "Belajar Bahasa CSS"
Posting Komentar