Tuesday, October 23, 2018

Belajar Dasar dasar CSS (Mendesain Halaman Web)

Badar Wildanie October 23, 2018

Sebelum belajar css terlebih dahulu, sebaiknya pelajari html dulu -- baca : Belajar html untuk pemula karena css adalah singkatan dari cascading style sheet yang fungsi utamanya adalah mendesain layar output dari html. karena jika ada suatu web yang isinya hanya bahasa html tampilannya sangat minimum, polos dll.

Sintaks Dasar

selector{
  property : value;
}

jangan khawatir sintaks tidak berjalan, di css besar kecil huruf tidak berpengaruh. dan yang dimaksud dengan nama nama tersebut adalah selector : tag html yang akan diberi css (tag yang didesain) property : kode css yang diterapkan ke tag html. seperti width, height, dll. (nanti dijelaskan) value : isi dari properti yang diterapkan. seperti 20px, red, dll. Praktek

buat satu file html. isikan heading dan paragraf (h2 dan p)

<html>
  <head>
  </head>
  <body>
    <h1>Judul</h1>
    <p>ini sebuah paragraf</p>
  </body
</html>

buat satu file css. seperti para programmer web lainnya, file css di tempatkan di folder tersendiri didalam folder project

sekarang kita mempunyai 2 file, html dan css. namun file file tersebut tidak tersambung satu sama lain. maka kita link css ke html

Sintaks :

<link href="css/style.css" rel="stylesheet" type="text/css">

ketikkan sintaks tersebut di dalam tag head.

kedua file sudah terlink satu sama lain. sekarang tinggal ketik kode cssnya. sebagai contoh : saya ingin yang didalam h1 menjadi berwarna hijau

maka saya ketikkan

h1{
  color: red;
}

coba tambahkan properti lainnya. seperti size, font-family, background-color dll. (silahkan browsing dengan kata kunci properti css. karena propertinya banyak sekali). mungkin hanya itu dasar dari css. tinggal anda berimprovisasi sendiri.