Materi CSS

CSS (Cascading Style Sheets) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.CSS juga dapat diartikan sebagai suatu bahasa yang digunakan untuk mengatur tampilan suatu website, baik tata letaknya, jenis huruf, warna, dan semua yang berhubungan dengan tampilan. Pada umumnya, CSS tu digunakan untuk menformat halaman web yang ditulis dengan HTML ataupun XHTML. CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

Manfaat CSS :
• Kode HTML menjadi lebih sederhana dan lebih mudah diatur
• Ukuran file menjadi lebih kecil, sehingga load file lebih cepat
• Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja
• Dapat berkolaborasi dengan JavaScript
• Digunakan dalam hampir semua web browser
• CSS memberikan keseragaman pada halaman web
• Dengan CSS dapat menghemat banyak waktu dan pekerjaan berulang. Saat menggunakan CSS, perubahan tidak perlu dilakukan dalam setiap halaman web. Anda hanya perlu membuat perubahan dalam style sheet.
• Layers (Lapisan), seperti item pop-up, dapat digunakan dalam dokumen.
• CSS membantu Anda memelihara halaman web Anda dengan mudah dan efektif.

Aturan penamaan ID:
1. Dapat mengandung huruf, angka, atau karakter garis bawah,
2. Karakter pertama harus berupa huruf atau karakter garis bawah,
3. Diawali dengan tanda #,
4. Jangan memberi nama id sama dengan value,
5. Jangan memberi nama id dengan tag html kemudian diikuti tanda #.

Ada 3 cara untuk menuliskan kode CSS dalam sebuah halaman. Inline style, document-level style, dan external style sheet. Anda bisa menggunakan salah satu dari cara tersebut, atau bahkan, ketiganya bisa digunakan sekaligus.
1.Inline style
Penggunaan seperti ini sangat boros sekali, memperbesar ukuran file, juga melelahkan sekali jika hanya menggunakan cara ini.Fungsi dari inline style sendiri dimaksudkan untuk menunjuk sebuah atau beberapa elemen yang sangat berbeda dari yang lain. Ingat, sebuah atau beberapa elemen, bukan semua elemen.
2.Document-level style
Dibandingkan dengan penggunaan inline style, cara ini bisa lebih jelas dilihat jika anda menuliskan daftar kode CSS. Penggunaan Document-level style berarti anda membuat sebuah elemen HTML bersifat global.
3.External Style sheet
Penggunaan file lain lebih ditekankan pada cara ini. Keuntungan dari cara ini adalah, halaman utama yang lebih kecil, mudah memodifikasi, seperti mengganti tampilan. Kerugiannya, saya pikir hanya dipandang dari adanya file lain yang harus diload ketika sebuah dokumen ditampilkan. Untuk hal ini, rasanya tak perlu khawatir, karena file CSS adalah file teks biasa, yang mempunyai ukuran yang kecil.
Cara ini, bisa dilakukan dengan 2 cara. Dan sampai saat ini masih belum menemukan perbedaan antar kedua cara tersebut.

betapa boddo.nya akuh ..

suatu hal yang ku kira akan membuat ku semakin bodoh adalah ketika aku memikirkan orang yang tak pernah memikirkan ku lagi ..



huftt .. :(

selalu,dan selalu ..

every step you take ..
every word you say ..
and every game you play ..
i"ll be watching you ..

selalu,dan selalu ..

every step you take ..
every word you say ..
and every game you play ..
i"ll be watching you ..

. dengar.kan akuh ..

. saad terindah saad bersama.mu ..
. tertawa bersama ..
. berbagi cerita ..
. kini smua tlah berakhir sudah ..
. kau diam tanpa kata terucap ..
. kau pergi tinggalkan kita begitu saja ..

. kini kita melangkah berjauhan ..
. mungkin karena kita terlalu mengekang ..
. itu semua karena sayang ..

. sobad ..
. apa kau tak pernah mendengar jerit hati kita ?
. kita tak ingin kau seperti ini ..
. diam ..
. sendiri ..

. apa kau tak ingin kita kembali ??

DIARY DEPRESIKU

. malam ini hujan turun lagi ..
. bersama kenangan yang mungkin luka dihati ..
. luka yang harusnya terobati ..
. yang ku harap tiada pernah terjadi ..
. ku ingat saat ayah pergi dan kami mulai kelaparan ..
. hal yang biasa buat aku hidup di jalanan ..
. disaat aku belum mengerti arti sebuah perceraian ..
. yang hancurkan semua hal indah yang dulu pernah ku miliki ..
. wajar bila saat ini ku iri pada kalian ..
. yang hidup bahagia berkat suasanu indah dalam rumah ..
. hal yang selalu aku bandingkan dengan hidupku yang kelam ..
. tiada harga diri agar hidupku terus bertahan ..
. mungkin sejenak dapat aku lupakan ..
. dengan minuman keras yang kini ku gengganm ..
. atau menggoreskan kaca dilenganku ..
. apapun akan ku lakukuan ku ingin lupakan ..
. namun bila aku mulai sadar dari sisa mabuk semalam ..
. perihnya luka ini semakin dalam ku rasakan ..
. disaat ku mulai mengerti betapa indah dicintai ..
. hal yang pernah ku dapatkan sejak aku hidup dijalanan ..

bUad kMuu-kmUu iAnK jOmbLo

bUad kmUu iaNk jOmbLo jAngaN peRnaH NgeRaSa sEndiRi cUz mCii aDa soSeoRaNg iaNk sLaLu meNyayaNgi mUu waLau itUu taK peRnaH kaU saDari,,,,,,,

itUu adaLah sAhaBat mUu,,,,,


sOo,,,,,,

muLai seKaRaNg.......




jAngaN peRnaH LupAin sAhaBat-sAhaBat mUu waLau kmUu peRnaH tErsaKiti oLehNya......




iNgatLah kEnaNganmUu iaNk iNdaH sAat beRsaMaNya.......

bRipeRa we LuUph yOu

bRipeRa,,,,,,
PMR smaLveN iaNk gAg bOLeh mAti.....
bRipeRa akAn tetAp idUp sAmpai kApaN pUn,,,,







bRipeRa,,,,,,,





FigHt,,,,,

SaHaBaT

sHbat adL SsWaTu y9 TaK pRnaH qTa sDaRi&Tak pRnH qT kThui.....
sHbat adL tMpt dmN qTa bSa bRbgi kZiH&kZaH....
sHbat adL y9 Tw tNt9 qTa,y9 bSa NgRtiiN qTa....
y9 aD bWt qTa....
DaN y9 9a9 aD 2x.....
sHbt adL bNtNg y9 iNdH diaNtRa bNt9" y9 aD diaNgKaSa.....
sHbt adL tMpt dmN qTa bSa mNgaDu...
sHbt adL dmN sLaLu aD bWt qTa....
SaaT qTa sDiH MauPuN bHa9ia.....
sHbt adL y9 tRiNdH dRi s9aLa"x....
tPi aP y9 tLaH qTa bRiKn sHbt y9 sLaMa Ne DaH mMbWt qTa nH9ia?????
Dan iNgt sMua y9 dLkukN dR sHbt bWt qTa.....
sMua TaK akN bSa dgNti dgN aPaPuN....
kRna sHbt adL s9aLa"x dRi s9aLa"x.....












To:KyRaMiZiLa.........

aRti WaRna FaFoRiT

Pastilah hampir semua orang mempunyai salah satu jenis warna yang sangat disukai dari sekian banyak warna yang ada atau yang biasa disebut dengan warna favorit. Nah, dari situ kita bisa lihat watak kamu berdasarkan warna favorit kamu.

Warna Biru
Jika kamu menyukai warna biru, maka kamu termasuk dalam tipe pemurung, selalu menyenangkan dan selalu bertindak pasif dalam segala hal. Mendambakan ketenangan dan ketentraman. Kamu selalu mendapat kesulitan dalam pergaulan. Demikian pula dalam bercinta karena kamu pintar dalam menyembunyikan perasaan.

Warna Hijau
Warna kesukaan kamu hijau, maka kamu adalah tipe yang sangat romantik, menyukai keindahan, menyenangi alam dengan udara yang sejuk. Kamu adalah seseorang yang selalu memegang prinsip. Dalam hal bercinta kamu mengidam-idamkan calon teman hidup yang penuh toleransi dan dapat dipercaya.

Warna Kuning
Kesukaan kamu warna kuning menandakan bahwa kamu memiliki sifat optimis. Kamu tipe periang dan senang bergaul, tidak memiliki penampilan yang loyo. Sifat tolong-menolong selalu ada dalam diri kamu, karena menolong merupakan suatu kewajiban mutlak bagi kamu. Kamu orang yang tidak pernah meremehkan siapapun juga, walaupun seseorang itu dungu atau bloon.

Warna Ungu
Kalo warna Ungu (Violet) menjadi warna favorit kamu maka kamu adalah tipe yang benar-benar luar biasa. Dalam menghadapi masa depan kamu tidak pernah ragu-ragu, apa yang dikerjakan kamu adalah yang terbaik. Kamu pandai benar dalam mengikuti perkembangan jaman. Dalam bercinta, hanya merekalah yang kuat mental yang bisa mendekati dan menjadi kekasih kamu.

Warna Putih
Jika kamu menyukai warna putih, maka kamu adalah orang yang dilahirkan ke dunia dengan sempurna, banyak orang mengagumi kamu karena sifat angun, sifat idealis dan moral kamu yang teramat tinggi. Tak pernah angkuh, senang menolong siapa saja yang membutuhkan bantuan kamu.

Warna Hitam
Kamu termasuk tipe orang yang sangat lincah dalam hal-hal tertentu saja. Kalo kamu berada dilingkungan yang tidak disukai, maka kamu akan menjadi murung. Kamu selalu tampil menarik, rapi, cukup banyak lawan jenis berusaha mengejar dan merebut cinta kamu.

Warna Merah
Kamu termasuk tipe yang sangat berwibawa dan juga senang mengayomi teman yang lemah. Walau sering kali bergaul dan bercanda tapi kamu bisa menahan diri. Banyak orang mengatakan cinta, tapi kamu selalu berpikir dan berpikir lagi. Kamu termasuk tipe yang sulit jatuh cinta.

PiLiHan HaTiMu

iNdaHnya CiNta KiNi TaK TeRaSa.....
HaNgaTnYa CiNta KiNi TaK TeRLiHaT....
SeJaK KaU PeR9i DaRi HiDuPKu....
iNdaHnYa CiNta tLaH BeRuBaH JaDi BeNci....
MaZiHkaH MuNgKiN uNtuKku MeNciNtaiMu La9i....
SeTeLaH SMua iNi TeRjaDi....
KaU CaMpaKkaN DiRiKu Be9iTu SaJa....
Ku TaK PeRNaH MeMaKsaKaN iNi sMua PaDaMu...
KaU BeRhaK MeNeNtuKaN SiaPa PiLiHaN HaTiMu....

KeMbaLiKaN CaHaYaKu

HaRi iNi Be9iTu CeRaH
SeCeRaH MaTaHaRi y9 sDaNg TeRtaWa RiaNg
HaRi BeRgaNti HaRi
DaRi CeRaH MeNjaDi PeTaNg
KaU MeMbuaT DuNiaKu 9eLaP.....
KaU BaWa KeMaNa CaHaYa y9 sLaMa iNi MeNeMaNiKu.....
KeMbaLiKaN.....
iTu CaHaYaKu....
JaNgaN KaU ReNgguT KeBaHa9iaaNKu BeRsaMaNya...
KaRNa aKu TaKkaN PeRNaH BiSa HiDuP TaNpa Dia....
KaU TaKkaN PeRNaH MeNgeRti aPa y9 sDaNg aKu RaSaKaN....
aKu MeNciNtaiNya.....
aKu TaK MaU KeHiLaNgaN La9i....
Dia SaNgaT BeRaRti dLaM HiDuPKu....
oH,TuHaN.....
KeMbaLiKaNLaH CaHaYaKu....
aKu ReLa MeLaKuKaN aPapuN DeMi Dia.....
sLaMa iTu MaZiH BeRaDa DiJaLaN y9 eNgKaU RidHoi....

MiSTeRi L_MoeVeN

SeNiN PaGi SaaT MuRiD-MuRiD sMaLveN aKaN MeNgiKuTi uPaCaRa RiTuaL d sMaLveN aDa SeSoSoK HaNTu MaNieZ BeRjaLaN DiJeMBaTaN DePaN sMaLveN.SeSoSoK HaNTu MaNieZ iTu DiKeNaL DeNgaN SeBuTaN Si MaNieZ JeMbaTaN sMaLveN(pHeMy_Lea MaKsuD quW)!!!!!TiBa-TiBa HaNTu iTu MeRaSuKi TuBuH Ma-Ma-Ke(aYieN).....aKiBaT KeoNaRaN Si HaNTu MaNieZ iTu WaRga sMaLveN JaDi RiBuT(bKaN kaReNa iNgiN DiRaSuKi HaNTu MaNieZ sPeRTi Ma-Ma-Ke iTu TaPi MeLaiNkaN KeTaKuTaN).

uNtuNg aJa aDa SeoRaNg uZTadZ di L_MoeVeN YaNg BiaSa MeNgoBaTi oRaNg-oRaNg KeSuRuPaN sPeRTi Ma-Ma-Ke(WiLsoN.......eH sLaH,,,,,WiLdaN MaKsuD quW).SaaT Ma-Ma-Ke dBaCaKaN aYaT-aYaT SuCi aL-quR'aN oLeH paK uZTadZ Ma-Ma-Ke BeRTeRiaK-TeRiaK(sPeRTi cHeeRz gToE dEee,,,,,,cO:FuSsY.........aaaaaaaa....aaaaaa).

aKhiRnYa HaNTu MaNieZ PuN MeNyeRaH uNTuK MeLaWaN PaK uZTadZ&aKaN KeMbaLi k aLaMnYa sNdiRi.sYuKuR aKhiRnYa Ma-Ma-Ke BiSa d sDaRkaN KeMBaLi......

TaPi sTeLaH HaNTu MaNieZ iTu PeRgi MuNcuLLaH HaNTu BuLe d RuaNg KaMi(SaNy.....bKaN CiNta PeRTaMa LowH,,,,,).TaPi HaNTu YaNg SaTu iNi RaMaH KoK!!!!!JaDi JgN tKuT dEEeee.LaLu PaK uZTaDz MeMbiaRkaNnYa TiNggaL d RuaNg KaMi sLaGi HaNTu BuLe iTu TdaK MeNggaNggu KaMi sMpai sKaRaNg iNi.......

MaaFkaN aKu

SaaT KaU MeNdeKaTiKu
TaK Ku HiRauKaN
TaPi KeNaPa KiNi KaU JauH
JuSTru aKu YaNg MeNcaRiMu
SiFaTmU BeRuBaH giTu aJa
MuNgKiN iNi sMua MeMaNg SaLaH Ku
YaNg gaK PeRNaH MaU DeNgeR KaTa-KaTaMu
MaaFkaN aKu JiKa MeMaNg SePeRTi iTu
MuNgKiN qMu TaK MeNgaNggaPnYa SePeRTi iTu
qMu HaNya aNggaP aKu tMaN BiaSa
dNgaN sLuRuH keiKhLaSaN JiWa&RaGaKu
aKu MaU BiLaNg"MaaFiN aKu"

CiNTa DuKa

aWaL Ku BeRTeMu DeNgaNMu
Ku NgeRaSa aDa sEbuaH geTaRaN
geTaRaN iTu aDaLaH CiNTa
CiNTa iTu MeMaNg iNdaH
JiKa qTa SaMa-SaMa CiNTa
TaPi..........
CiNTa JuGa BiSa NgeBuaT DuKa
JaNgaN PeRNaH BeRMaiN DeNgaN CiNTa
KaReNa aKaN MeMbuaT SeNgSaRa

DeNgaRkaN aKu

SaaT KaU diSiNi,aKu TaK PeRduLi

KiNi SaaT KaU PeRgi,aKu SeNdiRi

DiTeMaNi BiNTaNg-BiNTaNg YaNg BeRNyaNyi

DiTeMaNi SuNyiNya HaRi

WaLaUpuN Ku Tau KaU TaK TaMpaK LaGi

Ku MeRaSa KaU sLaLu diHaTi

BeRtaNya PaDa BiNTaNg
KaPaNkaH KeSuNyiaN iNi aKaN BeRaKhiR
HiDuP iNi TeRaSa PaHiT
TaK aDa SeoRaNgpuN YaNg MaMpU MeNggaNTi DiRiMu
MeNggaNTiKaN PoSiSiMu diHaTi Ku
TaPi KaU tLaH TiaDa DiSiSi Ku
KaU tLaH MeNiNggaLkaN Ku
aKu HaNya BuTuH CiNTa DaN KaSiH Mu
Ku MoHoN DeNgaRkaN aKu

17 aGuStuSaN?????aSyiKkkk........

17 AguSTuSaN diSeKoLaH MeRiaH bWaNgeT dEeee.....SoaLnYa aDa LoMba-LoMba YaNg diiKuTi SisWa&SisWi SMAN 11 SBY.CaPeK siChHh,,,,,,TaPi SeRuuUUu!!!!!!MaCaM-MaCaM LoMbaNya NiE.....:
1.VG (VoCaL gRouP)
2.KeBeRsiHaN KeLaZ
3.MaDiNg
4.KePruK aiR
5.Go BaCk To DoRrRR
6.BeNTeNg-BeNTeNgaN
7.SePaK BoLa
8.JouRNaLisT
9.dE-eL-eL
BuaaaaNyaK bWaNgeT KaN???????
SaMpe-SaMpE,aDa JuGa LoMba BuaT guRu-guRu LhOooo.....BiSa diBaYaNgiN KaN GiMaNa SeRuUuNya??????sMua Tu BeRkaT KeRjaSaMa aNtaRa guRu,SisWa+SisWiNya LhOoo.....YaNg PaLiNg PeNtiNg KePaLa SeKoLaH.aTaS iZiN BaPaK KePaLa SeKoLaH KiTa-KiTa BiSa MeRaYaKaN HaRi KeMeRdeKaaN RI LhOooo.....YaNg SuPeR-SuPeR SsSSeeEErRRrUuUu!!!!!!!!!!!!!TeRuS 1 HaRi SeTeLaH HaRi KeMeRdeKaaN MaSiH aDa aCaRa YaNg DiPeRiNgaTi PaRa WaRga SMaN 11 SBY LhOoo......YaiTuuUUu BaZaR.EiTzzzz,BaZaR YaNg SaTu iNi BuKaN SeKeDaR BaZaR-BaZaR BiaSa LhOoo....aDa PaNgguNg HiBuRaNnYa....PoKoKnYa SeRrrUUu dEee.....PeNgiSi aCaRaNya Ya aNaK-aNaK SMAN 11 SeNdiRi WaLauPuN Tu aLuMNi.PoKoKnYa SeRruUuu & YaNg PaStiNya aSyiKkkk bWaNgeT!!!BuaT BaPaK KePaLa SeKoLaH,BaPaK-iBu GuRu,& SisWa+SisWi SMAN 11 MaKaSiHh bWaNgeT DaHh MeMeRiaHkaN HaRi KeMeRdeKaaN DeNgaN BuUuuaaAAaiiiiKKkKk......

CiNTa PeRTaMa

HiDuP iNi iNdaH JiKa BeRsaMaMu
quW sLaLu tRtaWa ........
BaHa9iaaaa
TaK PeRNaH aDa TaNgiS dHaTi quW
TaPi........
sMua tNggaL kNaNgaN
KaU KiNi tLaH jaDi aWaN.....
YaNg aDa d aTaS SaNa.....
YaNg sLaLu MeNeMaNiKu d kEgeLaPaN mLaM
KaU SaNgaT iNdaH....
quW sLaLu tRtaWa sTiaP iNgaT tNgKaHMu
TiNgKaH YaNg iNdaH,LuCu,&MeNyeNaNgKaN....
sMua tLaH bRaKHiR
quW aKaN sLaLu MeNgeNaNgMu
KaRNa KaU.......
CiNTa PeRTaMa quW..........

MeNgeRTi aQuW

SeaNdaiNya KaU TaU aP y9 quW RaSaKaN
SeaNdaiNya KaU TaU BeTaPa quW SaNgaT iNgiNKaN DiRiMu
TaPi......quW TaK bSa MeNguNgKaP sMua NiE PaDaMu
MeSki HaRuZ MeMeNdaM RaSa NiE sLaMaNya
MuNgKiN NiE jLaN y9 TeRbaiK bwT qTa
qMu TtaP dNgaNnYa...........
DaN quW bRsaMa oRg LaiN
HaRi-HaRi quW tRaSa iNdaH JiKa bRsaMaMu
sLaLu DiiRiNgi dn9aN CaNda& TaWa
TaPi.......sMua TiNggaL kNaNgaN........
kNaNgaN y9 TaK tRLpaKaN dLm HduP quW
KiNI TiNggaL TaNgiS y9 mNeRtaWaKaN quW
KaRna qMu tLaH bRSaMa oRg LaiN
& quW bLm bSa mNcRi pNg9aNTi DiRiMu
TaK aDa y9 SsMpuRNa spRti DiRiMu
mNgeRti quW TuK sLaMaNya........
KaRna...........
KaU sLaLu dHaTI quW