Belajar css itu mudah
Dengan CSS, Kita bisa mengatur jenis font, warna tulisan, dan latar belakang halaman. CSS merupakan bahasa yang perlu Kita kuasai agar bisa membuat tampilan website yang baik dengan cepat.
Kita tinggal menambahkan kode CSS ke dalam file HTML atau membuat file CSS untuk mengatur beberapa halaman sekaligus. CSS adalah bahasa yang penting untuk dikuasai oleh setiap web developer. Dengan menguasai CSS, Kita bisa membuat tampilan website yang lebih menarik dan interaktif.
Mengapa Menggunakan CSS?
CSS digunakan untuk menentukan style halaman web kita, termasuk desain, tata letak, dan variasi tampilan untuk berbagai perangkat dan ukuran layar.
CSS Memecahkan Masalah Besar
HTML TIDAK PERNAH dimaksudkan untuk memuat tag untuk memformat halaman web! HTML dibuat untuk menggambarkan konten halaman web, seperti:
<h1>Judul Nama Saya Firdaus Siregar</h1>
<p>Ini adalah paragraf.</p>Ketika tag seperti dan atribut warna ditambahkan ke spesifikasi HTML 3.2, itu memulai mimpi buruk bagi pengembang web. Pengembangan situs web besar, di mana font dan informasi warna ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal. Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) membuat CSS. CSS menghapus pemformatan gaya dari halaman HTML!
Bagaimana cara untuk menuliskan CSS?
Ada 3 cara untuk menuliskan CSS. Antara lain: Inline CSS
Internal CSS
External CSS
Inline CSS
Inline CSS adalah code css yang ditulis secara langsung, pada elemen HTML. Cara penulisannya cukup dengan menambahkan style pada tag HTML.
Contoh Inline CSS:
<p style="color:red;">Text warna merah</p>Internal CSS
Internal CSS adalah code css yang ditulis pada tag <style>, dan di dalam tag <head>.
Contoh Internal CSS:
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>Text warna merah</p>
</body>
External CSS
External CSS adalah code css yang ditulis pada sebuah file berekstensi .css. Di sini saya sudah membuat file bernama style.css
Isi dari style.css
h1 {
font-size: 16px;
}
p {
color: red;
}Untuk menyambungkan CSS tersebut ke HTML. Kita perlu menambahkan tag <link> pada file HTML.
<link rel="stylesheet" type="text/css" href="style.css" />Penulisan full HTML.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Judul</h1>
<p>Paragraf</p>
</body>
</html>Bagaimana mudah bukan, anda dapat belajar css dan html dengan mudah anda bisa belajar lewat atau aplikasi lainya yang banyak tersedia diplaystore dan ios, pastikan selalu cek situs ini www.firda.uz serta bookmark situs saya, agar anda bisa belajar terus secara gratis disini
