Tutorial Css dasar untuk pemula

Tutorial Css dasar untuk pemula

Setelah dasar dari pondasi dalam pembuatan web telah dikuasai, langkah selanjutnya adalah menghiasi dari pondasi yang telah dibangun dengan menggunakan CSS. CSS sendiri sampai sekarang sudah sampai pada CSS3. Untuk belajar lebih mudah dapat langsung dipelajari pada w3schools.com/css3/default.asp. 

Dasar dari CSS sendiri sebenarnya sudah banyak sekali, namun tampilan yang dihasilkan syntaks - syntaks dari CSS lama masih belum menarik bagi para end-user atau pengunjung. Syntaks css secara umum dapat ditulis sebagai berikut:



...isi halaman...

Apabila suatu style dari css akan dipergunakan untuk beberapa halaman, akan lebih tepat mendeklarasikan css tersebut ke dalam suatu file css terpisah dan baru dipanggil pada suatu halaman. Contoh yang paling sederhana adalah sebagai berikut:

Contoh kerangka kode berikut akan disimpan pada file.css

html {...}
body {...}
a {...} 
.b {...}
.c {...}
#tujuan{...}
#header h1 a:visited{...}
a.page-numbers:hover {...}
div.content-bottom{...}
table th {...}
fieldset {...}
legend {...}
form {...}
p{...}
h1 {...}
div#nama li{...}
textarea {...}
input[type="..."] {...}
select {...}
label{...}
pre {...}
code {...}
blockquote {...}
ul {...}
li {...}

Untuk memanggilnya dengan menambahkan kode html seperti berikut atau dapat juga dengan

Tweet