
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.Stilių įterpimas |
![]() |
![]() |
Autorius: Primatas | |||||
Data: Sekmadienis, Sausio 25, 2009 | |||||
Kai naršyklė krauna stiliaus aprašus, ji pakeičia dokumentą pagal tai, kas būna aprašyta stiliuose. Yra trys stiliaus lapų įterpimo būdai Išoriniai stiliaus aprašaiIšoriniai aprašai yra geriausias būdas, kai stiliai yra taikomi visam puslapiui. Su vienu išoriniu failu galime pakeisti visą puslapio išvaizdą. Kiekvienas HTML dokumentas, kurio stilių aprašome, turi būti susietas su CSS stiliaus failu. Tai galime padaryti su <link> tag'u. <link> tag'as yra rašomas <head></head> tag'o viduje: <head> Naršyklė kraudama puslapį stiliaus aprašus paims iš stilių failo stiliai.css ir pagal jame esančius aprašus suformatuos dokumentą. Išorinio stiliaus dokumentą galima sukurti su bile kokiu paprastu teksto redaktoriumi, arba specialiai šiai užduočiai pritaikyta programine įranga, tokia kaip Adobe Dreamweaver. Tame dokumente neturėtų būti kokių nors HTML tag'ų, tik CSS aprašai. Stiliaus failai saugomi su *.css plėtiniu. Pavyzdinis stiliaus failas: @charset "utf-8"; Pastaba: Nepalikite tarpų tarp savybės reikšmės ir vienetų! Jeigu naudosite "margin: 4 px;" vietoj "margin: 4px;" tai suveiks tik IE6 naršyklėje, daugumoje kitų - ne. Vidiniai stiliaus aprašaiVidiniai stiliaus aprašai turėtų būti naudojami, kai vienas kuris nors dokumentas turi unikalų stilių, tada CSS aprašus galima įterpti į <head> dalį naudojant HTML tag'ą <style>: <head> Pastaba: Naršyklės ignoruoja nežinomus joms tag'us, todėl senesnės naršyklės stilių nepalaiko. Vietoj to, kad pritaikytų stilius, jos atvaizduos juos į vartotojo langą, kaip paprastą tekstą. Ši problema turi labai paprastą sprendimą, reikia tiesiog uždėti HTML komentaro simboliką aplink stilių aprašus: <<head> Stiliai viduje HMTL tag'oŠis stiliaus rašymo būdas panaikina pagrindinį CSS failų gėrį :( Taip aprašynėti stilius patarčiau kuo rečiau, nes HTML kodas tampa sunkiai skaitomas, jei reikia kanors pakeisti reikia žiūrėti kiekvieną elementą atskirai, jei kas sugenda, vėlgi sudėtinga būna atrasti savo paliktą klaidą. Čia pavyzdys, kaip galima įterpti CSS stilius tiesiai į HTML tag'o vidų pasinaudojant atributu "style". Jame gali būti bile kokie CSS aprašai. <p style="color: #ccc; margin-left: 20px"> Keli stilių aprašai vienu metu
Jeigu tam pačiam selektoriui buvo nurodyti skirtingi stiliai skirtingose aprašuose, reikšmės bus paveldimos iš ypatingesnių aprašų. Pavyzdžiui tag'ui h3 turime aprašus tiek išoriniam faile: h3 Tiek, tam pačiam h3, yra aprašų vidiniuose stiliuose: h3 Taigi galiausiai stiliai, kurie bus pritaikyti elementui h3 bus tokie: color: red; spalva bus paveldėta raudona iš išorinio failo, tuo tarpu teksto lygiavimo ir dydžio reikšmės iš pradžių paimtos iš išorinio failo, tačiau vėliau pakeistos tomis reikšmėmis, kurios yra vidiniuose aprašuose.
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
