Skip to main content

Mengenal CSS

Salamu'alaikom rakan!
Malam ini adalah malam yang dingin.... tapi aktifitas begadang tetap tidak surut dalam rangka mempersibuk lalulintas data di jaringan yang serba luas ini. Ini merupakan tulisan bertahap yang akan membahas seputar CSS. Heran pula apa itu css?? Bagi kalangan web Desainer CSS sudah menjadi barang premier ibarat biji padi bagi para petani... he he he... CSS adalah singkatan dari Cascading Style Sheet. CSS Adalah barisan - barisan script yang berfungsi untuk menampilkan element - element HTML sesuai setelan yang telah kita atur didalam script CSS tersebut. Penggunaan CSS ada dua metode. 

Pertama digunakan dalam file HTML yang telah kita buat.
Kedua menggunakan file lain yang telah disimpan dengan extension .css dengan memasukkan link di file html.

Untuk belajar CSS, sebelumnya kita harus memahami dasar dari pemahaman HTML dan XHTML agar tidak bingung nantinya.
Contoh dari sintak css itu sendiri adalah seperti berikut :
body {
           background-color: #000000;
           font-size: 11px;
           color: #ffffff;
         }
Bingung???
Mudah sekali kok. "background-color" menunjukkan warna halaman dan #000000; adalah kode warna hitam. Jadi baris pertama menginstruksikan tampilan halaman berwarna hitam. Untuk "font-size" itu berarti menunjukkan ukuran font pada halaman tersebut. Disini kita lihat ukurannya bernilai 11px dan "color" menunjukkan warna tulisan yang akan di tampilkan. Untuk #ffffff adalah kode untuk warna putih.
Sedangkan tanda "{ dan }" adalah aturan dimana untuk memulai menuliskan fungsinya dimulai dengan "{" dan di tutup dengan "}" untuk mengakhirinya. pada tanda ";" adalah akhir dari suatu fungsi yang telah kita defenisikan. Bisa dilihat pada contoh diatas.
Bagaimana? Mudah bukan? Tertarik untuk belajar? Silahkan tunggu tulisan selanjutnya.

Comments

Popular posts from this blog

Konsep dan Hirarki DNS

DNS adalah suatu bentuk database yang terdistribusi, dimana pengelolaan secara lokal terhadap suatu data akan segera diteruskan ke seluruh jaringan (internet) dengan menggunakan skema client-server. Suatu program yang dinamakan name server, mengandung semua segmen informasi dari database dan juga merupakan resolver bagi client-client yang berhubungan ataupun menggunakannya. Struktur dari database DNS bisa diibaratkan dengan dengan struktur file dari sebuah sistem operasi UNIX. Seluruh database digambarkan sebagai sebuah struktur terbalik dari sebuah pohon (tree) dimana pada puncaknya disebut dengan root node. Pada setiap node dalam tree tersebut mempunyai keterangan (label) misalnya, .org, .com, .edu, .net, .id dan lain-lainnya, sampel penggunaan pada  www.aceh-id.com yang relatif rerhadap puncaknya (parent).Ini bisa diibaratkan dengan relative pathname pada sistem file UNIX,seperti direktori bin, usr, var, etc dan lain sebagainya. Pada puncak root node dalam sebuah sistem DNS di

Cara Install Puppy Linux di USB

Hi All!!! Malam ini ada lattop mau di install ulang... Tapi sayangnya banyak data yang tersimpan di c:\ termasuk beberapa data proyek kecil - kecilan yang minggu depan mesti diserahkan sama vendor... huffff... pusing deh. Tapi saat menulis tulisan ini semua hampir teratasi. Ya!!! Puppy linux solusinya. Jadi biar lebih mermamfaat mending di tulis aja di blog kofa-style biar kalau Ada yang mampir seperti yang sedang membaca ini bisa dapat bantuan kalau tidak banyak ya barang sedikit saja. Oke kita mulai saja... Mengapa Puppy? jawabnya karena mudah dan ringan untuk keperluan system operasi bootable sekedar buat back up data dan memperbaiki error partisi pada windows XP.

Navigasi Halaman Blog dengan Javascript

Page Navigation atau Navigasi Halaman berfungsi untuk mempermudah para pengunjung untuk menjelajahi blog kita dengan melihat halaman per halaman. Bagi pengguna Wordpress, tentunya sudah tidak asing lagi dengan Page Navigasi seperti yang Anda lihat pada gambar disamping, karena biasanya template-template wordpress sudah menyediakan fasilitas ini. Bagi pengguna Blogspot, harus menambahkan sintak JavaScript dibawah ini. berikut cara-caranya: Login ke Blog Anda pilih Rancangan kemudian klik tab Edit HTML masukkan kode dibawah ini sebelum kode ]]></b:skin> .showpageNum a { color:#FFF;padding:4px 10px; margin:0 2px; text-decoration:none; -webkit-border-radius:2px;- moz-border-radius:2px; background:#848484 } .showpageOf { color:#222; margin:0 6px 0 0 } .showpageNum a:hover { background:#222; color:#FFF } .showpagePoint { color:#FFF; text-shadow:0 1px 2px #333; padding:4px 10px; margin:0 2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#222; text-de