Atviras
Uždaryti

Kodėl css neveikia? Kodėl netaikomas mano CSS stilius? CSS: neigiamas užpildymas

Sveiki, mieli tinklaraščio svetainės skaitytojai. Šiandien norėčiau pakalbėti apie tai, kodėl dirbant su svetaine gali prireikti HTML kalbos žinių (paskaitykite, kas tai yra), darbo su CSS pakopinių stilių lapų pagrindus (rasite įvadinį straipsnį šia tema), taip pat suprasti bent jau programų kūrimo PHP pagrindus ir principus bei darbo su MySQL duomenų bazėmis logiką.

leidžia kurti svetaines neturint jų visos aukščiau paminėtos išminties, tačiau tuo pačiu dirbant tikriausiai kils klausimų ir problemų, kurių neišspręsi net naudojant įmantriausią TVS (Joomla, WordPress, Drupal ir kt.).

Kodėl dirbant svetainėje gali prireikti kalbų žinių (žymėjimo, stilių, serverio programavimo)?

Arba tokio elemento nerasite TVS administratoriaus skydelyje tarp daugelio kitų nustatymų (variklio autorių logika dedant kai kuriuos nustatymų elementus lieka neaiški ir galbūt čia tam tikrą vaidmenį vaidina paties autoriaus įpročio jėga), arba kūrėjai iš viso neįtrauks tokio elemento į turinio valdymo sistemos administratoriaus skydelį . Visko nustatymų įdiegti per admin panelį neįmanoma – dažniausiai ten rodomi tik reikalingiausi ir dažniausiai naudojami nustatymai.

Dažnai taip nutinka lengviau išspręsti problemą ne su standartiniais įrankiais, pateiktais variklio administratoriaus skydelyje, o tiesiogiai, ką nors redaguojant duomenų bazėje arba koreguojant tam tikrų variklio failų turinį per FTP prieigą prie jų.

Taip, tam reikės skirti laiko išmokti bent HTML žymėjimo kalbos pagrindų, suprasti, kaip pakopiniai stilių lapai įtakoja tinklalapių išvaizdą, taip pat suprasti duomenų bazės struktūrą ir išmokti ją keisti. Ir, ko gero, sunkiausia suprasti pagrindinius kodo rašymo PHP principus, kad suprastume, ką ir kur galima neskausmingai pakeisti, o ko neliesti.

Aš, žinoma, pradėsiu nuo interneto puslapių dizaino (tiesą sakant, šiuo metu aš jau atlikau šią užduotį ir galite pamatyti rezultatus ir). Kaip jau minėjau viename iš ankstesnių įrašų, iki šiol visus išteklius sudarė HTML formato puslapiai. Be to, ten buvo nurodytas svetainės turinys (tekstai, paveikslėliai, lentelės) ir jos dizainas (spalvos, fonas, įtraukos).

Šiuolaikiniu teisingo išdėstymo supratimu turinys turėtų būti vykdomas naudojant hiperteksto žymėjimo kalbos žymas, o šio turinio dizainas – naudojant išorinius stiliaus lapų failus. Šis atskyrimas leidžia pašalinti svetainės puslapį nuo nereikalingo paslaugos kodo.

Faktas yra tas, kad paieškos sistemos yra labai artimos pažiūrėkite į informacijos komponento santykį tinklalapio kodas (tekstas rodomas naršyklėje) ir jo paslaugų komponentas (žymos, įvairūs scenarijai ir kt.). Todėl perkeldami už šio puslapio ribų viską, kas neneša informacinio komponento, o yra atsakinga tik už puslapių dizainą, geriname paieškos sistemų požiūrį į mūsų projektą (na, bent jau teoriškai).

Be to, CSS taisyklių sąrašas, patalpintas atskirame faile, leidžia suvienodinti išteklių dizainą. Jei reikia, visada galite ką nors pakeisti dizaine neredaguodami visų tinklalapių kodo, nes tokiu atveju visiems puslapiams bendrame stiliaus lape pakaks pataisyti esamas arba pridėti naujų stiliaus savybių.

Atsiradus stiliaus lapams, daug hiperteksto žymėjimo kalbos žymų ir jų atributų pradėta laikyti pasenusia ir nerekomenduojama naudoti. Vietoj to rekomenduojama naudoti CSS ypatybes, kurios atlieka tuos pačius veiksmus. Tai nereiškia, kad nebereikia mokytis HTML, tiesiog sumažėjo žymų ir jų atributų, kuriuos reikia žinoti ir mokėti naudoti kuriant ir prižiūrint svetainę, skaičius. Pabandysiu papasakoti apie žymas, kurias pati nuolat naudoju.

Kurį redaktorių geriau redaguoti ar keisti kodą?

Čia nėra nieko sudėtingo, nes iš esmės tai net ne programavimo kalba, o hiperteksto žymėjimas, kažkas panašaus į sintaksę rusų kalba. Ką, remdamasis savo patirtimi, iš karto norėtumėte patarti? Pabandykite patys užrašyti žymas bloknote, pvz Notepad++(skaitykite mano), o ne tokiose programose kaip Dreamviewer. Kodėl?

Taip, nes tokiu atveju geriau išmoksite ir prisiminsite žymų ir atributų rašymą. Taip, patogiau maketuoti tokiose programose kaip Dreamviewer, nes... galite iš karto peržiūrėti naršyklėje, o konkrečios žymos rašybos parinktis galima pasirinkti išskleidžiamajame sąraše.

Bet faktas yra tas, kad jūs iš esmės turėsite redaguoti esamą kodą savo variklio failuose ir bus daug patogiau, jei prisiminsite visas žymas ir jų atributus užrašyti mintinai (laimei, jų nėra daug). Kam atidaryti failą sudėtingame „Dreamview“, kad ištaisytumėte vieną žymą, kai šiems tikslams visiškai užtenka įprasto bloknoto, na, arba jo pažangaus analogo pavadinimu „Notepad plus plus“ (nuoroda pateikta tiesiai aukščiau).

Nors tai yra mano asmeninė nuomonė (IMHO) ir jūs turite nuspręsti, kas yra patogiau. Pavyzdžiui, Jevgenijus Popovas, kurio kursuose studijavau visą šį reikalą, matyt, yra Dreamviewer šalininkas. Iš esmės svarbu vienas dalykas – redaguoti kodą redaktoriuje, kuris gali išsaugoti visus atliktus pakeitimus ir kuris, jei pageidaujama, gali grąžinti viską kaip buvo(atgal).

Tokiu atveju, kad ir kiek susigadintum, viskas bus pataisoma. Ir, žinoma, kalbos, kuria rašote ar redaguojate kodą, sintaksės paryškinimas yra labai patogus. Notepad++ tikrai mano pasirinkimas! Apie jo galimybes kalbėjau aukščiau esančiame straipsnyje.

Turbūt nėra visiškai teisinga kalbėti apie žymėjimą ir jo dizainą po vieną, todėl pabandysiu pakalbėti apie jų bendrą naudojimą. Reikėtų suprasti, kad CSS ypatybės yra parašytos viename ar keliuose atskiruose failuose, kuriuos galite gana lengvai rasti jūsų variklio temoje.

Nors tinklalapio žymos šiuolaikinėje TVS nerašomos viename ar keliuose failuose, kaip buvo anksčiau, o generuojamos (interpretuojamos) iš PHP. Ir būtent tokiu būdu jau sugeneruotas HTML kodas įslysta į naršyklę, kad ji savo ruožtu interpretuotų jį mums suprantama interneto puslapio forma. Sudėtinga, ar ne?

Štai kodėl redaguoti žymas bet kurioje TVS nėra tokia nereikšminga užduotis, net jei esate visiškai patenkinti hiperteksto žymėjimo kalba. Galų gale, jūs turėsite redaguoti žymas PHP failuose, todėl turėsite žinoti bent pagrindines jo sąvokas ir sintaksę.

Tačiau nesijaudinkite, jums nereikės daug PHP žinių, kad galėtumėte redaguoti dizainą. Žymės guli, taip sakant, paviršiuje ir nesunku jas atpažinti ir prireikus pataisyti.

Kokias priemones galite naudoti?

Problema dažniausiai iškyla kitur. Kaip rasti failą su PHP plėtiniu, kuriame suformuotas norimas žymų fragmentas? Čia yra klausimų klausimas. Taip, žinoma, jei turite patirties dirbant su šiais varikliais, manau, kad susigausite. Bet jei esate pradedantysis ir nežinote, kuris iš šimtų PHP failų už ką atsakingas?

Čia jums padės puikus įskiepis, skirtas ne mažiau puikiai naršyklei, taip pat minėtas Notepad++, kuris daugeliui nėra nežinomas. Šis programų paketas padės pajudinti kalnus ir sutaupyti daug laiko.

Būsimuose pranešimuose aš jums išsamiai papasakosiu, kaip naudoti šias programas norint efektyviai išspręsti su svetaine susijusias problemas. Taip, aš beveik pamiršau apie nepakeičiamą programą, kuri leidžia jums pasiekti per FTP - FileZilla (jau yra straipsnis šia tema). Na, žinoma, mes taip pat apie tai kalbėsime.

Na, tikslai nubrėžti, uždaviniai išsikelti, belieka juos vykdyti. Dėl to leiskite man išeiti atostogų.

Sėkmės tau! Greitai pasimatysime tinklaraščio svetainės puslapiuose

Jums gali būti įdomu


Gražūs rusiški šriftai svetainei ir kompiuteriui „Google Font“ internetinėje tarnyboje – kur atsisiųsti ir kaip įdiegti Adaptyvusis (responsive) dizainas – svetainės optimizavimas peržiūrai mobiliuosiuose įrenginiuose
Gif, Png arba Jpg – rastrinės grafikos formatai žiniatinkliui, jų privalumai ir trūkumai, kai jie naudojami svetainėje

CSS kodas gali būti HTML dokumente arba atskirame faile su tuo pačiu plėtiniu. Jei CSS yra išoriniame faile ir neveikia, pirmas dalykas, kurį reikia padaryti, yra patikrinti nuorodą HTML kode.

Nuoroda (href) turi būti įrašyta vienoje nuorodos žymoje. Nuorodos turinys HTML5 turėtų atrodyti taip: href=”style.css” rel=”stylesheet”. Nepamirškite, kad pati nuorodos žyma yra tarp suporuotų galvutės raktų žymų.

Po href reikšmės nurodomas css failo, kuris turi būti pridėtas prie dokumento, pavadinimas (tai nebūtinai yra stilius). Jei failas su stiliais yra kitame aplanke, turite nurodyti kelią į jį naudodami pasvirąjį brūkšnį (/).

CSS sintaksė

Jei su nuoroda viskas gerai, bet CSS vis tiek neveikia, reikia patikrinti sintaksę kode.

Pirmiausia patikrinkite parinkiklį. Parinkiklis turi atitikti tai, ką parašėte html faile. Tai yra, jei html yra pasirinkta klasė = "container", tada CSS vietoj parinkiklio parašyta ".container". Atkreipkite dėmesį į tašką prieš pavadinimą. Taškas dedamas tik prieš pamokas. Jei nurodote stilių h1 antraštėms, taško nereikia.

Pats blokas, kuriame deklaruojamas stilius, rašomas po parinkiklio pavadinimo riestiniuose skliaustuose. Tarp nuosavybės pavadinimo ir vertės dedamas dvitaškis, po kurio – kabliataškis.

Naršyklė

Jei naršyklė, kurioje bandote savo CSS kodą, jau pasenusi, ji negalės tinkamai rodyti CSS3 kalbos. Todėl, jei kodas neveikia, atnaujinkite savo naršyklę į naujausią versiją.

Testavimui naudokite skirtingas naršykles: Opera, Google Chrome, Firefox. Nerekomenduojama pasikliauti „Internet Explorer“, nes tai nėra pagrindinis „Microsoft“ dėmesys, todėl jis „nesuderinamas“ su CSS3.

Naujose kodo derinimo naršyklių versijose yra specialus modulis, leidžiantis redaguoti kodą tiesiai naršyklėje. Norėdami tai padaryti, lango kontekstiniame meniu spustelėkite „Rodyti šaltinio kodą“.

Paveldėjimas

Sunkiausias dalykas, kurį CSS supranta, yra paveldėjimas. Nors dažniausiai tai yra neveikiančio kodo pagrindas.

CSS veikia tuo pačiu principu kaip ir lizdinės lėlės. Viena talpa įkišama į kitą, trečia į ją ir t.t. Norint išmokti visas paveldėjimo subtilybes, reikia skirti nemažai laiko. Galite pradėti nuo pagrindų.

Pirmiausia logiškai pabandykite nustatyti, kur tiksliai įvyko css kode klaida. Tai nesunkiai suprasite, nes... Dėl klaidos vienas iš elementų, rodomas naršyklėje, iškris iš jūsų pateikto paveikslėlio.

Radę konteinerį ar kitą elementą, kuriam pritaikytas neveikiantis stilius, atidžiai pažiūrėkite, į ką elementas „įdėtas“.

Galbūt pirminiame elemente yra ypatybė, kuri neleidžia veikti kitai antrinio elemento ypatybei. Daugiau apie paveldėjimą galite perskaityti bet kurioje CSS žinyne.

Kas tai yra CSS

CSS gali būti vadinama formalia kalba, apibūdinančia vizualinę dokumento išvaizdą. Pilnas CSS skamba kaip Kaskadiniai stiliaus lapai, kad rusas supranta Cascading Style Sheets, tai yra, CSS. Žinoma, niekas nenaudoja CTS, bet įprasta naudoti CSS. CSS kalba buvo pristatyta 1996 m. gruodžio 17 d.

Kodėl mums reikia CSS stilių atskirame faile?

Norėdami rašyti stilius html, turite įeiti į vidų .. parašykite savo taisykles žymoje

kurios ribose surašytos taisyklės. Jis taip pat užsiregistruoja

— Jei nuspręsite tiesiogiai nurodyti stilių vidinis turinys , tuomet turėtumėte naudoti parametrą style="..."

Teisingos CSS taisyklės ir kaip komentuoti CSS

Čia, žinoma, galite parašyti daug teorijos, bet mes čia neturime žinyno. Viską parodysiu paprastu pavyzdžiu, svarbiausia atsiminti, kad yra selektoriai, savybės ir reikšmės. Parinkiklis yra tai, kam bus taikomos taisyklės, ypatybė yra taisyklių tipas, kurį naudosime, o vertė yra vertė. (nuosavybė + vertė = taisyklė)

Raštas atrodo taip parinkiklis(savybė:vertė;), jei reikia taikyti kelis parinkiklius, rašykite juos naudodami kablelis, jei naudojamos kelios taisyklės kabliataškis. Visada pabaigoje kabliataškis.

Norėdami komentuoti bet kokį tekstą CSS, turite įdėti tekstą į tokias kabutes /* tekstas */ ir viskas :)

Kaip žadėta, vaizdiniai CSS pavyzdžiai :

p(
šriftų šeima: Verdana;
fonas: baltas;
spalva: raudona;
}

Čia parinkiklis yra p, tai yra, bet kuriai pastraipai su žymomis bus taikomos šios taisyklės. Kad ir ką parašytumėte viršuje, pastraipa bus balta su raudonu tekstu Verdana šriftu. Net jei bendras fonas geltonas, o šriftas kitoks.

  • Pamoka

Rašiau klaidas ir patarimus remdamasis savo patirtimi. Jei yra klaidų, tokių kaip „blogas patarimas“, mielai išgirsiu konstruktyvią kritiką. Įrašas skirtas pradedantiesiems mokytis HTML ir CSS, bet galbūt ir specialistams bus įdomu perskaityti šią medžiagą.

1. W3C tikrintuvas

Rekomenduojama patikrinti svetainės HTML ir CSS naudojant validator.w3.org paslaugą. Ši paslauga nuskaitys kodą ir parodys klaidas, pavyzdžiui:
  • etiketė neuždaryta;
  • nerekomenduojami simboliai nuorodose;
  • Naudojama nerekomenduojama žyma;
  • nenurodytas reikalingas atributas;
  • ir kita.

2. Maketas UTF-8 formatu

Išdėstydami puslapį turite įsitikinti, kad nustatyta failo koduotė UTF-8 (be MK). Kiekvienas teksto rengyklė koduotę nustato skirtingai.

UTF-8 formato failas leidžia naudoti nestandartinius simbolius (pavyzdžiui, įvairių kalbų simbolius, valiutos simbolius ir kt.).

Taip pat turite pasakyti naršyklėms, kad puslapis atidarytas UTF-8 koduote. Tai atliekama naudojant toliau esančią žymą:

3. Keli elementai turi tą patį id

ID atributo reikšmė HTML kode neturėtų kartotis.

4. Spraitai

Į vieną failą rekomenduojama sujungti kelias mažas nuotraukas (šis failas vadinamas sprite). Tai sumažins užklausų į svetainę skaičių ir pagerins puslapio įkėlimo greitį.

Šiais laikais taip pat populiaru vietoj sprite naudoti šriftus su piktogramomis. Tie. Vietoj raidžių rodomos krumpliaračio piktogramos, veidukai ir kitos piktogramos. Pavyzdys yra „Twitter Bootstrap“ naudojami glifikai.

Šriftų, skirtų šriftams, pranašumai yra kokybės išsaugojimas keičiant piktogramų dydį ir mažesnį jų dydį. Tačiau trūkumas yra tas, kad piktogramoje negalite naudoti daugiau nei vienos spalvos.

5. Daug selektorių

Nerekomenduojama naudoti daugiau nei tris selektorius, nes tai turi įtakos svetainės veikimui.

/* nerekomenduojama, didelis lizdas */ .puslapis .item .title a () /* gali būti sutrumpintas */ .puslapis .item a ()
Naršyklės skaito CSS iš dešinės į kairę. Tie. aukščiau esančiame kode pirmiausia bus pasirinktos visos puslapyje esančios nuorodos, o tada – tos nuorodos, kurios yra elemento .item viduje.

6. HTML stiliai

HTML yra skirtas informacijai (tekstui, paveikslėliams) rodyti. Turinio dizainas (keisti dydį, spalvą, šriftą) vyksta CSS.

Klaida kode

Klaida kode

7. Neteisingi klasių pavadinimai

Daugelis maketuotojų, kai reikia padaryti tekstą žalią, prie jo prideda .green klasę.

Pranešimo tekstas


Tai neteisinga, nes... Keičiant dizainą gali pasikeisti daug spalvų, pavyzdžiui, žinutės tekstas gali būti rodomas ne žalia, o mėlyna spalva. Tada turėsite ieškoti visų žymų, kurių klasė yra .green ir pakeisti ją .mėlyna.

Pranešimo tekstas

Pranešimo tekstas

8. Pikseliai trupmeninėmis reikšmėmis

Kai kurios naršyklės leidžia nurodyti pikselius trupmeninėmis reikšmėmis, pvz., „1,5 pikselio“. Bet tai neteisinga, nes... Pikselis yra nedalomas vienetas. Vietoj „1.5px“ geriau naudoti „1.5em“.

P ( /* neteisingas */ tarpas tarp raidžių: 1,5 piks.; /* teisingas */ tarpas tarp raidžių: .005 em; )

9. Klasių naudojimas vietoj ID

Rekomenduojama pasirinkti pagal klasę, o ne id, nes parinkikliai su id turi didesnį svorį nei klasių, todėl juos bus sunku nepaisyti.

#modal a ( spalva: mėlyna; ) /* žemiau esančios spalvos negalima nepaisyti, nes #modal turi didesnį svorį nei klasės */ .modal-header a ( spalva: #333; ) /* šiuo atveju turėsite pridėti #modal */ #modal .modal-header a ( spalva: #333; )
Taip pat nerekomenduojama naudoti!svarbu, nes jo svoris yra didesnis nei id atributo, be to, jį bus sunku nepaisyti.

10. Meniu

Meniu turi būti suformatuotas kaip sąrašas.

Pradžia Naujienos Apie įmonę

  • namai
  • žinios
  • Apie įmonę

11. Trūksta alto nuotraukoms

Žymose turi būti nurodytas alt atributas (gali būti tuščias).

12. Žymos

Viename puslapyje turi būti tik vienas pavadinimas

. Iš esmės šioje žymoje yra puslapio pavadinimas.

13. Transkripcija

Visų elementų pavadinimai turi būti parašyti vertimu į anglų kalbą. Net jei nežinote, kaip žodis rašomas anglų kalba, yra daug nemokamų paslaugų, kurios gali jį išversti. Kai elementų pavadinimai atsiranda transkripcija, tai atrodo neprofesionaliai.

/* neteisingas */ .tovar () .stranica () .zapros () /* teisingas */ .produktas () .puslapis () .query ()

14. Clearfix

Sunku trumpai parašyti apie clearfix, bet atkreipsiu dėmesį į tai, kad, mano nuomone, daugelis maketuotojų daro klaidą.

Class.clearfix turėtų būti nurodyta pagrindinėje žymoje, o ne šalia jos.

15. HTML – programavimo kalba

Kai kurie nauji HTML žmonės mano, kad HTML yra programavimo kalba. Tiesą sakant, HTML nėra programavimo kalba, ją galima palyginti su Microsoft Word. Pavyzdžiui, norėdami paryškinti tekstą, turite spustelėti mygtuką „Word“, o HTML – parašyti kodą. Tie. HTML yra tiesiog įrankis, pridedantis tekstą, paveikslėlius, lenteles ir kitus elementus.

Kaskadiniai stiliaus lapai (CSS) naudojami tam, kad tinklalapis būtų patrauklus lankytojų akims. Be to, CSS stiliaus lapai labai supaprastina tinklalapio kūrimo procesą. CSS taip pat leidžia atlikti pakeitimus vienoje vietoje, o ne redaguoti visą svetainę. Tokiu būdu jums nereikės lankytis kiekviename svetainės tinklalapyje ir jų redaguoti.

CSS taupo jūsų brangų laiką ir energiją. Kaskadiniai stilių lapai, kaip rodo pavadinimas, apibrėžia konkretų tinklalapių elementų stilių, pagrįstą prioritetų sąrašu, paprastai vadinamu "kaskadu". Be to, jis taip pat leidžia valdyti įvairius svetainės tinklalapių elementus. Vienu CSS stiliaus lapu galima valdyti visos svetainės šriftą, formatavimą, teksto dydį, padėtį, stilių ir spalvą. Nors pakopiniai stiliaus lapai gali pakeisti jūsų svetainės pateikimą ir išvaizdą, jie neturi nieko bendra su svetainės dizainu.

CSS gali padėti žiniatinklio valdytojui įvairiais būdais. CSS dėka jūsų svetainės dizainas bus patrauklesnis. Nepaisant to, net paieškos sistemos teikia pirmenybę CSS pagrįstoms svetainėms, kai reikia jas reitinguoti paieškos indekse.

Svetainės pateikimo atskyrimas nuo jos turinio.

Naudodami CSS galite daug kontroliuoti savo svetainės išvaizdą, nes ši technologija leidžia susieti skirtingus stiliaus lapus su svetainės tekstu. Todėl, jei jums reikia pakeisti bet kurio elemento išvaizdą tinklalapyje, jums tereikia redaguoti vieną išorinį CSS stiliaus lapo failą ir jis atsispindės visoje svetainėje. Šis metodas ne tik užtikrina lankstų svetainės valdymo procesą, bet ir žymiai sutaupo laiko.

Didinamas svetainės įkėlimo greitis.

Kadangi pakopiniai stiliaus lapai yra tekstiniai failai, jie yra lengvi ir naudoja mažiau pralaidumo, o tai savo ruožtu padidina jūsų svetainės įkėlimo greitį. Remiantis statistika, svetainė, kuri naudoja išorinius stilių lapus, pagrįstus CSS, įkeliama maždaug septynis kartus greičiau nei panaši svetainė be šios technologijos. Kadangi tekstiniai dokumentai įkeliami labai greitai, tinklalapiai bus atvaizduojami beveik per kelias sekundes, o tai turės teigiamos įtakos bendrai lankytojų patirčiai lankantis jūsų svetainėje.

CSS leidžia lengvai pakeisti bet kurio elemento padėtį tinklalapyje. Pavyzdžiui, meniu gali būti bet kur: kairėje, dešinėje, viršuje arba apačioje. Tuo pačiu pagrindinis tokio elementų išdėstymo tikslas yra užtikrinti, kad paieškos sistemų robotai pirmiausia nuskaitytų pagrindinį jūsų svetainės turinį. Norėdami tai padaryti, HTML kode po pagrindinio turinio turite įdėti visus pagalbinius elementus, pvz., meniu.

CSS suderinamumas su šiuolaikinėmis naršyklėmis.

Kadangi šiuo metu yra daug skirtingų naršyklių, žiniatinklio valdytojui sunku patikrinti svetainės funkcionalumą absoliučiai visose naršyklėse. Tačiau jei laikysitės standartinio CSS pagrindu sukurto išdėstymo, ši problema bus lengvai išspręsta.

Kaip matyti iš aukščiau, CSS technologija ne tik suteikia įrankius kuriant modernias, patrauklias svetaines, bet ir padeda išspręsti nemažai problemų. Tai savaime lemia didelę CSS svarbą.

Viena iš seniausių paslaugų internete yra forumai. Šios komunikacijos platformos buvo vienos pirmųjų, kurios atsirado ir nuo to laiko praktiškai nepasikeitė. Tačiau nepaisant vyresnio amžiaus, jie vis tiek susidoroja su savo funkcijomis. Čia žmonės bendrauja, klausinėja ir gauna atsakymus.