CSS

Sisukord:

CSS
CSS

Video: Учим CSS за 1 час! #От Профессионала 2024, Mai

Video: Учим CSS за 1 час! #От Профессионала 2024, Mai
Anonim

CSS võib viidata järgmisele:

1. Lühike kaskaadlaadistike, CSS on keel, milles kirjeldatakse korduvkasutatavad stiile esitamise dokumente kirjutatud märgistuskeel. Selle idee algatas Håkon Wium Lie 1994. Detsembris 1996 määras W3C CSS-i spetsifikatsiooni ja lubab tänapäeval veebiarendajatel muuta oma veebilehtede paigutust ja välimust. Näiteks võib CSS-i kasutada teatud HTML-elemendis kasutatava fondi, samuti selle suuruse ja värvi muutmiseks. Üks CSS-fail võib olla seotud mitme lehega, mis võimaldab arendajal muuta kõigi lehtede välimust korraga.

Järgmine lahter sisaldab CSS-koodi kasutamise põhinäidet fontide määratlemiseks, hüperlinkide värvi ja lingi värvi, kui hiirekursor hiirekursori kohal viibib. Selles konkreetses näites muudame ainult HTML-silte ja mitte uusi klassi- või id-valijaid.

keha {font: tavaline 100% "trebuchet ms", Arial, Helvetica, sans-serif; } {värv: # 000000; } A: külastatud {värv: # 005177; } a: hõljutage {värv: # 005177; }

Ülaltoodud kasti CSS-koodi saab sisestada lehe HTML-i päisesse järgmise koodi abil. Kuid pidage meeles, et selle toimingu tegemisel rakendatakse need muudatused ainult ühel lehel.

Kui soovite CSS-koodi kasutada mitmel lehel, soovitame salvestada kood eraldi CSS-failis ja seejärel laadida see igal lehel. Näiteks saab selle lehe esimeses kastis näidatud CSS-koodi kopeerida ja kleepida faililaiendiga.css.

Näpunäide

Kui kasutate Windowsi, saab CSS-faili luua mis tahes tekstiredaktori või isegi Notepadi abil.

Pärast faili salvestamist tuleb see lingida HTML-koodi päises, kasutades märgistikku. Järgmine kast näitab selle elemendi näidet.

  • Css-faili URL või tee siin ">

    Kui nimeksite CSS-faili näide.css ja see asub samas kataloogis kui HTML-fail, kust see laaditakse, lingiks järgmine rida CSS-faili.

    CSS3 on CSS (Cascading Style Sheets) versioon, mis asendab CSS2. See tutvustab uusi valijaid ja atribuute, mis võimaldavad lehe paigutuse ja esitusviisiga suuremat paindlikkust. Mõned värskendused, näiteks atribuut box-shadow (mis võimaldab lisada elemendi varju), võimaldavad visuaalefektide rakendamist ilma spetsiaalsete piltide loomise vajaduseta.