Belajar CSS pada HTML

CSS atau dikenal sebagai "cascade style sheet" adalah sebuah dasar pemrograman yang digunakan untuk mempercantik tampilan pada sebuat website html. Cara kerja CSS adalah dengan cara menggabungkan konten pada HTML atau XHTML. ada 2 cara menggabungkan CSS dengan HTML atau XHTML. cara yang pertama adalah dengan menuliskan syntax langsung pada File HTML

1. menggunakan Tag <style></style> langsung di bagian Head HTML
2. menggunakan File terpisah seperti style.css

Contoh 1 :

!DOCTYPE html
html
    head
        titleYour Titletitle                
        style
            body {
                background-color:red;
            }
        /style
    /head

    body
        h1Hello, world!/h1
    /body
/html

Hello, world!

Contoh 2:

disini saya memakai Visual Studio Code, bagi kalian yang belum mendownload Visual Studio Code kalian dapat mengklik link disini

    1. Arahkan cursor kalian ke new file di direktori kalian disini direktori saya bernama "CONTOH ARTIKEL HTML" 

    2. Berikan Link pada html menuju style.css yang kita buat

    3. Buat style seperti contoh dibawah jangan lupa css selalu memakai titik koma di akhir atribut style dan juga " {  } " sebagai penutup atribut

dan boom... sekarang tampilan Website kalian pasti bewarna merah semua,

mudah bukan? kalau kalian masih bingung dicoba lagi pasti bisa, untuk CSS sendiri di luar sana sudah terdapat banyak framework, apa itu framework? framework ialah kerangka kerja yang digunakan untuk membuat applikasi. Di CSS sendiri sudah tersedia banyak framework, framework-framework ini sudah banyak dgunakan orang-orang untuk membuat applikasi Mobile, PC, maupun Website. Contoh-contoh framework yang ada pada CSS antara lain :

1. Bootstrap
2. Foundation
3. Tailwind CSS
4. Materialize
5. Sematic UI
6. Bulma
7. PureCSS

kalian bisa pelajari salah satu yang diatas, dengan begitu kalian dapat mendesain website kalian lebih mudah.

Jika kalian ingin mempelajari lebih lanjut kalian bisa mampir ke Website Dokumentasi w3schools.com disana tersedia banyak dokumentasi dasar tentang cara belajar bahasa pemrograman

Jika ada pertanyaan tidak usah sungkan untuk menjawab di kolom komentar 😁.