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.
Labels:

Comments

Post a Comment

*jika Anda belum terdaftar di KoFa Style Blog, harap memilih profil Nama/URL sebelum memposting komentar.

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
6 comments
Read more

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.
5 comments
Read more

Efek Foto Koran Zaman

Pada tutorial yang sederhana ini saya akan mengajak Anda-anda semua untuk merubah foto yang normal menjadi seperti gambar pada koran-koran tempoe doeloe hanya dengan memberikan beberapa efek. langsung saja, buka dulu foto Anda dengan photoshop. Tekan kombinasi tombol shift + ctrl + u pada keyboard untuk membuat efek Desaturate sekarang buat sebuah layer baru. Ubah warna background dengan #74673D , warnai layer baru tersebut dengan Paint Bucket Tool , ubah blendingnya dari Normal menjadi Color dan turunkan Opacity menjadi 50% . tekan Ctrl + E di keyboard untuk menggabungkan Layer1 dengan Background. sekarang pilih Filter > Texture > Texturizer . Isi nilai Scaling, Relief sesuai dengan gambar di bawah. (Anda bisa juga berkreasi sendiri tanpa mengikuti nilai-nilai seperti gambar di bawah) sekarang buat sebuah tekstur untuk memberikan efek koran. buat sebuah layer baru, warnai layer dengan #A09263 ubah warna background manjadi putih. dalam kond
Post a Comment
Read more