Ilmu Dasar CSS yang Wajib Diketahui. CSS adalah bahasa
scripting untuk memformat tampilan website secara keseluruhan. Misalnya
Anda ingin mengatur jenis dan ukuran huruf, background, posisi element
dan sebagainya. Sebagai contoh kita akan memformat tag p (parapraph)
keseluruhan pada satu element dengan menggunakan cara HTML seperti ini
<p font="tahoma">text</p>. Akan lebih efisien lagi jika kita
memformat tag p dengan menggunakan CSS agar tidak terlalu rumit. Dan
Anda juga bisa menyusun element layout dengan CSS tanpa harus
menggunakan table yang menurut saya terlalu rumit dalam codingnya.
CSS juga bisa di akses oleh bahasa pemrograman, misalkan javascript, PHP dll.
Pengguna'an CSS ada 3 cara yaitu
Sedikit tentang dasar CSS dan semoga dapat membantu Anda yang pastinya CSS tidak bisa ditinggalkan dalam pengolahan halaman web dan browser juga sudah ada yang membuat script CSS yang hanya support dengan browser tersebut misalnya Mozilla Firefox, dll.
Sumber : http://tutorial-jitu.blogspot.com/2009/06/dasar-css.html
Jika kamu ingin mencoba langsung mempraktekkan ilmu CSS . . Langsung kunjungi website w3schools.com atau klik saja disini
CSS juga bisa di akses oleh bahasa pemrograman, misalkan javascript, PHP dll.
Pengguna'an CSS ada 3 cara yaitu
- Langsung
disisipkan didalam tag <head></head>. Untuk menyisipkan di
dalam tag head harus diawali dengan tag <style
type="text/css"></style>
- Menggunakan file
external, artinya script css ditulis dalam file tersendiri dengan
akhiran .css. dan sisipkan file ini di dalam tag <head> dengan
cara seperti ini <head><link rel="stylesheet"
href="css/style.css" type="text/css" /></head>
- Langsung pada tag yang bersangkutan, misalkan <div style="style_nya"></div>
- Menggunakan tanda # sebagai awalan style, contohnya
#gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunkana atribut id, dan setiap tag pasti memiliki atribut id, misal <div id="gaya">ini teks</div>. Sifat dari id adalah unik, tidak boleh ada elemen yang memiliki id yang sama, makanya style ini hanya bisa digunakan sekali. - Menggunakan tanda dot (.) sebagai awalan style, contohnya
.gaya{
background-color:blue;
}
tanda ini berarti untuk menggunakan style ini harus menggunakan atribut class, setiap tag pasti memiliki atribut class. Misalkan <div class="gaya">ini teks</div>. Sifat dari class adalah tidak unik, artinya dalam 1 dokumen HTML boleh memiliki lebih dari 1 class yang sama. Dengan menggunakan tag - Tanpa tanda, tetapi langsung mengarah pada tag HTML, misalkan
div{
background-color:blue;
}
artinya semua tag div akan dikenai style tersebut - Turunan, baik # maupun dot (.) bisa menurunkan style. Style anak juga akan memiliki style dari induk.
Contohnya#induk .anak{
cara menggunakannya
background-color:red;
}<div id="induk">
<div class="anak">bla_bla</div>
</div>
artinya class anak adalah turunan dari id induk. Jika id induk dihilangkan, maka class anak tidak akan bekerja.
Sedikit tentang dasar CSS dan semoga dapat membantu Anda yang pastinya CSS tidak bisa ditinggalkan dalam pengolahan halaman web dan browser juga sudah ada yang membuat script CSS yang hanya support dengan browser tersebut misalnya Mozilla Firefox, dll.
Sumber : http://tutorial-jitu.blogspot.com/2009/06/dasar-css.html
Jika kamu ingin mencoba langsung mempraktekkan ilmu CSS . . Langsung kunjungi website w3schools.com atau klik saja disini
0 komentar:
Posting Komentar