
Meniu
Vartotojo meniu
Reklama ir parama
Forumo naujausi pranešimai
- PERKELTA: Reikia pamokos_...
Vakar at 09:43:55 - Reikia pamokos_php failo ...
Vakar at 09:43:36 - [Klausymas] Kodel puslapi...
Vakar at 07:01:11 - Renkam kokia dizaino pamo...
Vakar at 03:25:52 - Javascript. Problema su s...
Vakar at 01:10:32 - {ASM} mini disasembleris
Liepos 10, 2009, 08:19:46 - Meniu punkto rodymas virš...
Liepos 10, 2009, 07:26:04 - Vartotojo 'Administrator'...
Liepos 10, 2009, 06:18:16 - Ign4s gallery
Liepos 10, 2009, 06:16:58 - [Klausymas] Apie CSS atri...
Liepos 09, 2009, 10:16:10
Balsavimas
Šiuo metu prisijungę
Niekas neprisijungęs.Sintaksė |
![]() |
![]() |
Autorius: Primatas | |||||
Data: Antradienis, Sausio 06, 2009 | |||||
CSS sintaksę sudaro trys dalys: selektorius, ypatybė/savybė ir jos reikšmėl: selektorius {savybė: reikšmė;} Selektorius dažniausiai yra koks nors HTML elementas, kurį norime pakeisti, savybė tai yra atributas, kurį norime pakeisti tame HTML elemente ir reikšmė tai tokia reikšmė, kurią norime priskirti tam atributui. Savybė ir reikšmė yra atskiriami dvitaškiu ir apgaubti iš abejų pusių riestiniais skliaustais. Po reikšmės yra rašomas kabliataškis. Pvz.: body {background-color: #C30;} Pastaba: Jei reikšmę sudaro keli žodžiai, juos rašome tarp kabučių: p {font-family: Georgia, "Times New Roman", Times, serif;} Pastaba: Jei norime aprašyti kelias elemento savybes vienu metu, tai galima padaryti atskiriant keikvieną savybę kabliataškiu. Pavyzdys žemiau parodome, kaip galima paragrafo tekstą išlygiuoti per vidurį ir kartu teksto spalvą pakeisti į raudoną. p { GrupiavimasAprašant CSS stilius galima grupuoti selektorius, kad nereiktų aprašinėti kiekvienam elementui stilių atskirai. Pavyzdžiui mes norime, kad visi <h1>, <h2>, <h3>, <h4>, <h5> ir <h6> elementai būtų žalios spalvos: h1,h2,h3,h4,h5,h6 { Klasės selektoriusSu klasės selektoriumi galime aprašyti vieną bendrą stilių ir jį pritaikyti keletai HTML elementų. Klasės pavadinime neturi būti jokių tarpų ir geriau vengti spec. simbolių. Jei pavadinime naudojami keli žodžiai juos galima atskirti su brūkšneliu. pvz.: "klases_pavadinimas", "klases-pavadinimas", arba tiesiog kiekvieną naują žodį pradėti didžiąja raide: "KlasesPavadinimas". Taip pat galima naudoti skaičius, tačiau geriau pradėti pavadinima raide, pvz.: "klases_pavadinimas_1", "klase2" ir panašiai. Neteisinga: "1_klase". Teisinga: "klase_1". Taip pat nepatartina naudoti lietuviškų raidžių. Pastaba: Pavadinimus, kaip visada geriau parinkti logiškus, kad vėliau būtų lengviau atsirinkti kieno stilius aprašytas, pvz.: "pagrindinis_div_konteineris". Aš pats dažniausiai naudoju visiems konteineriniams elementams prierašą "_c", pvz.: "div_main_c", kas reikštų, kad šis stilius yra skirtas div elementui, kuris yra pagrindinis konteineris kitiems elementams. Taigi, tarkime, kad norime turėti dvi skirtingo stiliaus klases skirtas paragrafams. Vieną, kuri nurodytų raudoną tekstą ir lygiuotą iš kairės, o kitą su žaliu tekstu palygiuotu dešiniau. p.desinej_zalias {text-align: right; color: #00FF00;} Tada HTML dokumente nurodome paragrafo elemento kalsės atributo reikšmę tokią, koks yra klasės pavadinimas: <p class="desinej_zalias"> Pastaba: Jeigu tam pačiam elementui norime priskirti kelias klases, naudojame tokią sintaksę: <p class="centruotas paryskintas"> Šitas paragrafas bus paveiktas stilių, kurie aprašyti klasėse "centruotas" ir "paryskintas. Pirmiausia bus pridėti klasės "centruotas" stiliai, poto klasės "paryskintas". Jeigu klasėse bus aprašyti tie patys stiliai, tik su skirtingomis reikšmėmis, dauguma naršyklių naudos stilius, kurie aprašyti paskutinėje klasėje. Šiuo atveju klasės "paryskintas" stilius. Viršuje aprašyta klasė prasidėjo su HTML elemento pavadinimu: p.desinej_zalias, p.kairej_raudonas. Jei norime sukurti bendrą klasę visiems elementams, kad ją galėtume naudoti su betkokiu norimu elementu, tada praleidžiame elemento pavadinimą ir rašome tik pačios klasės pavadinimą: "raudonas_1px_raudonas_remelis". Taip pat nepamirštame padėti taško prieš klasės pavadinimą. Taškas nurodo, kad tai yra klasė. Vėliau susipažinsime su simboliu "#". .raudonas_1px_remelis {border: solid 1px #FF0000;} Žemiau esančiame kode suteikiame klasėje "raudonas_1px_raudonas_remelis" aprašytus stilius keliems elementams: <h1 class="raudonas_1px_remelis"> Stilių pridėjimas elementams su tam tikrais atributaisTaip pat galima pridėti stilių prie HTML elemento, kuris turi tam tikrus konkrečius atributus. Ši CSS taisyklė bus pritaikyta visiems input elementams, kurie turi atributą type su reikšme "text": input[type="text"] {background-color: blue;} ID selektoriusGalima apibrėžti stilius HTML elementui su id selektoriumi. ID selektorius žymimas ženklu #. Stiliaus taisyklė esanti žemiau bus pritaikyta elementui, kurio atributo id reikšmė yra "zalia": #zalia {color: green;} Ši stiliaus taisyklė bus pritaikyta elementui p, kuris turi atributą id su reikšme "paragrafas1": p#paragrafas1 { Pastaba: ID vardams galioja tos pačios taisyklės kaip ir klasių vardams! Nepradėkite pavadinimo skaičiumi, nenaudokite spec. simbolių. CSS komentaraiKomentarai yra naudojami, kai norime parašyti paaiškinimą, kurio naršyklė kraudama puslapį nežiūrėtų. Jie padeda nepasimesti kode, ypač kai jį tenka redaguoti po kažkurio laiko. CSS komentarai prasideda su "/*" ir baigiasi su "*/", pvz.: /* Tai yra komentaras */
Tik registruoti vartotojai gali rašyti komentarus!
3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved." |
Prisijungę šių reklamų nematysite. prisijungti
