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{
background-color:red;
}
cara menggunakannya
<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.
dirangkum dari berbagai sumber dan disederhanakan. salah satunya adalah http://bimoweb.com/dasar-css-scripting.html
70 comments:
Bermanfaat Banget nech Mas...
LAma fga Update ni Blog?
My first coming ,..
success for you!
ketigaxxx
gagal pertamaxxxxxxxx
dah lama neh ditungguin artikelna mas anas
mulai nulis lagi nie mas, succes ya...
O iya..ijin copas ya...
<"kumpulan tutorial blog">
bgus nih, buat belajar. n Cuma mau nanya nih bos, blogroll nya dimana yah.. O:
wah tips dan trik baru lagheee nih
wah mas kemana aja baru keliatan lagheeee, welcome back yah
mantap mas. bener-bener bisa buat belajar
Kenapa tutorial CSS gini langka banget ya mas? kebanyakan cuma HTML doang
Thanks, saya butuh juga artikel dasar kaya' ini. Susah juga dapat yang gini
thanks u bos tuk tutorialnya css, besok kupas lagi dong tentang css, biar ane sering maen2 disini healthlovemoneyand family
thank's mas
kok ngak pernah posting lagi mas. Kutunggu postingan barunya lho...
penyegaran kembali.. mengenai CSS
mantap kode cssnya, materi kuliah yang sangat berguna
wow......ini ilmu baru yah kang
materiny bagus..skalian lg mw belajar CSS...
ada bagian keterangan saya dapat disini yang sebelumnya saya cari..:) ma kasih bos...
thak's atas postingannya, aku pemula di internet, skrng aku ngerti apa itu CSS. blogku benar2 simple habis blm bisa sih. berbagi ilmu berbagi rejeki
Oke2... Thanks Semua,,,
wkwkwkwkwkwkwkw
terimaksih banyak sobat,.
jadi tambah lagi yang pengin di ubah,.
Artikel yang anda posting bermanfaat sekali, saya tunggu posting
berikutnya.. Mantap!
Email : duniamaya5@gmail.com
Artikel yang anda posting bermanfaat sekali, saya tunggu posting
berikutnya.. Mantap!
Email : duniamaya5@gmail.com
bagusan pakai penulisan seperti apa mas...
loading websitenya cepetan yg mana..
"""dapet ilmu lagi... ;), thanks ..
boleh bertukar linknya.., thanks b4
salam kenal by. danyexel
Wokeh.. langsung dicoba, salam kenal mas
Wah kemana bro..koq jarang update.:)
Masih dlm belajar CSS.. enakan html gampang
Tutorial yang menarik nih mas. Thanks ya.
masih belum paham benar tentang ilmu html
masih newbie neh tentang html.
thanks buat trik-tipsnya...
tadinya saya tidak tahu..tapi setelah baca artikel anda jadi tahu..hehehe
mau ajakin tukeran link nih..minat gak ya?
kaos game
i'm a fan keep the CSS language posts coming
memang bantep ilmu css nya baru tau saya
halo mas, wakh kemana aja nih?, aku dah launcing lagi mas, main ya......
nice tips..
maksaih pencerahannya mas :)
wah.. mantab nih info sharingnya. Boleh di-share ya, Mas ;)
wuih kren nh
harus sring otak atik htm ll ih
infonya keren bang
thansk
thanx bang, mantap dan makxxyoouueess
wah nambah ilmu lagi nich, terima kasih share ilmunya mas
Owh gitu yah...
sama kyk yg diajarin guruku kemarin...
lebih enak pake CSS kalo mau edit font, dibanding HTML manual yg kasihnya 1-1
Berguna Banget nih..makasih kang..:)
Siip..lengkap deh nih penjelasannnya.
wow thanks infonya gan !!
Artikel yg bagus u/ pemula spt aku.
Trm ksh.
salam.
Wouw, tidak rugi datang ke blog ini. Membuka wawasan artikelnya. Makasih.
Nice post.
Thanks.
bermanfaat nie mau buat template
wah selama ini blom pernah ada yang bahas tentang CSS.. ijin bookmark dulu ne mas.. belajarnya nanti aja.. heheh
nambah ilmu lagi saya...
berbagi ilmu rupanya hehehe
makacih iah sudah mau bagi2 ilmunya sangat bermanfaat buat saya :)
hehehe.. lengkap banguet tulisan-nya
keren tu mas..tapi saya masih bingung.. :)
Thank ya mas...
makasih tipsnya... aq sih masih keususahan kalo berhubungan dengan edit kode2
informasi yang berguna buat ane yg masih newbie
Permisi Bang !!minta izin untuk Copy postingannya !!!
saya sedang belajar css.. makasih ya tutorialnya..
makasih bos tutorialnya......
tutorial yang sederhana tapi berguna..
Job Feed Aggregator : wah emang mantaban bin toyiban sekali informasinya :D General Forum Discussion
terimakasih
Indonesia News Aggregator
Thx atas infonya yak kak...
sukses slalu berkarya... :)
thank da bagi bagi ilmu
terima kasih Artikelnya sangat bermanfaat
thank da bagi-bagi ilmu yang bermanfaat
Waah bermanfaat sekali artikelnya
you are site very interesting and amazing blogs on site i like it....
Advertising agencies in Pakistan | Advertising agencies in Karachi
bagus dikasih css
Post a Comment