belajar css part1

Pada bagian pertama ini, kita akan belajar dasar-dasar dari CSS (Cascading Style Sheets). CSS adalah bahasa yang digunakan untuk menambahkan gaya pada halaman web yang sudah dibuat dengan HTML.

  1. Penambahan CSS
    CSS dapat ditambahkan ke halaman web dengan menggunakan tiga cara:
    • Menambahkan CSS langsung ke elemen HTML dengan menggunakan atribut "style"
    • Menambahkan CSS ke dalam file yang sama dengan HTML dengan menggunakan elemen <style>
    • Menambahkan CSS ke dalam file terpisah dengan ekstensi .css dan menyertakannya pada halaman HTML dengan menggunakan elemen <link>

    contoh: 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!DOCTYPE html>
    <html>
      <head>
        <title>Judul Halaman</title>
        <link rel="stylesheet" href="path/to/styles.css">
      </head>
      <body>
        <p style="color: blue;">Ini adalah paragraf dengan gaya yang ditambahkan langsung.</p>
        <p class="highlight">Ini adalah paragraf dengan gaya yang ditambahkan melalui file CSS.</p>
      </body>
    </html>
  2. Selector dan Properties
    CSS menggunakan selector untuk menentukan elemen HTML yang akan diberi gaya. Kemudian menggunakan properties untuk menentukan gaya yang diterapkan pada elemen tersebut.

    contoh:
    1
    2
    3
    4
    5
    6
    7
    8
    p {
      color: blue;
      font-size: 16px;
    }

    .highlight {
      background-color: yellow;
    }
  3. Cascade dan Inheritance
    CSS memiliki mekanisme yang disebut Cascade yang berarti gaya yang diterapkan pada suatu elemen dapat diubah atau ditimpa oleh gaya yang diterapkan pada elemen anaknya. Sedangkan Inheritance berarti gaya yang diterapkan pada elemen induk dapat diterapkan juga pada elemen anaknya.
    Itulah dasar-dasar dari CSS. Pada bagian selanjutnya, kita akan mempelajari lebih dalam tentang cara menambahkan gaya yang lebih kompleks pada halaman web menggunakan CSS.

    Selamat belajar dan semoga sukses dalam pembuatan halaman web Anda!
front end web dev
#html #css
belajar css part1
https://blogworlds.github.io/2023/01/15/belajar-css-part1/
Author
hamzahxou
Posted on
15 Januari 2023
Licensed under