Css - ce vrei foaia de stil

Este mult mai ușor să se determine în prealabil toate stilurile necesare și apoi pur și simplu le aplica etichetele corespunzătoare. Aceasta este a doua metodă - în descrierea secțiunii antet. Aceasta se aplică întregii pagini. Definiția stiluri se face prin clase care reprezintă liste cu definirea tuturor parametrilor de proiectare necesare.

Când se folosește această metodă descrierea de stiluri trebuie plasate în secțiunea antet:

Acum, aceste stiluri pot fi folosite oriunde în codul HTML. Pentru a face acest lucru, utilizați următoarea structură:

După cum puteți vedea, nu este prea dificil. Principalul lucru pentru a înțelege principiile de bază. În plus față de definirea de noi clase, avem, de asemenea, capacitatea de a trece peste etichetele standard. De exemplu, eticheta

:

Acum, tot textul din tag-uri vor arata ca, astfel cum sunt definite de datele de stil. Este foarte convenabil și îl face ușor să se adapteze stilurile existente pagina de utilizat. In plus, aceasta reduce oarecum cantitatea de fișier din cauza lipsei de clasă atribut de rezervă.

În cele din urmă, a treia cale - de a descrie impunerea de stiluri într-un fișier extern. Gama de influența sa se extinde la toate fișierele care sunt incluse în descriere. Acesta este modul cel mai coerent cu conceptul de HTML 4.0. Dacă avem nevoie pentru a schimba aspectul site-ului, acesta va fi suficient pentru a corecta un singur acest fișier. Comparați-l cu metodele anterioare. Într-una dintre ele va trebui să se schimbe descrierea pe fiecare pagină, și în altul, cu atât mai mult - despre fiecare etichetă, care, desigur, nu este inspirat.

Cum, atunci, a făcut introducerea unui fișier extern? Pentru a începe, a crea un fișier de stil, cu o descriere a tuturor claselor de care avem nevoie (mystyle.css):

Acesta este modul cel mai convenabil, iar foaia de stil principal recomandat să-l folosească.

De ce este „principal“, am spus asta? Faptul este că, în practică, trebuie să folosim toate cele trei metode, și aici intră în joc „în cascadă“ stil. Dar vom vorbi deja data viitoare.

Continuăm să vorbim despre utilizarea foilor de stil. În primul rând, să se ocupe cu foi de stil în cascadă, și apoi continuați să ia în considerare sintaxa și revizuirea cele mai comune parametrii utilizați în stiluri de construcție.

Foi de stil Cascading

Deci, pentru a începe cu vom înțelege de ce stilul este numit în cascadă. Scuză-mă, dragă cititor, am citat din nou înseamnă introducerea de stiluri pe o pagină:

• utilizați un fișier de stil separat și inserați-l folosind tag-ul
• descrierea stilului în antetul documentului
• aplica un stil ca parametru în tag-ul.

Cascada este că stilurile pot fi înlocuite. Lista de mai sus de moduri de introducere a stilurilor corespunde suprareglările de ordine. Procesul din aval poate trece peste amonte.

De exemplu, am definit într-un fișier de stil extern care textul din tag-ul

Ar trebui să fie scrise folosind dimensiunea fontului 10. Dar dacă pagina de titlu, subliniem în continuare faptul că același text în tag-ul

ar trebui să fie scris cu font 12 puncte, textul va fi afișat doar o astfel de dimensiune - care este, pagina de titlu stil redefinit stilul într-un fișier extern.

Ce face? Oh, este un lucru foarte util. Și acum am de gând să-l arate pe un exemplu concret. Să presupunem că pentru toate link-urile din antet pe site-ul nostru a identificat următoarele stil:

Și, prin urmare, orice text care este un hyperlink, în mod automat devine roșu și încetează să mai fie subliniat. Așa că am decis în cele din urmă pentru a indica pagina de copyright, dar nu este foarte vizibil, astfel încât să nu se concentreze pe acest lucru. Dar, cu toate acestea, dorim să dreptul de autor a fost, de asemenea, o referință. Face acest lucru, avem nevoie doar de un site o pagină și determinată pentru această clasă suplimentară este inadecvată. În acest caz, am ajuns la ajutorul foilor de stil în cascadă. Este suficient pentru a trece peste la nivel local culoarea link-ul:

Am făcut acest lucru prin stabilirea de stil, și el, după cum vă amintiți, funcționează doar în tag-ul care a fost identificată. Ceea ce avem nevoie.

Probabil ați observat că, în exemplul de mai sus, am inventat o nouă etichetă . Acesta este special conceput pentru astfel de cazuri. Tot ceea ce face - definește o anumită zonă, la care se poate aplica stilul. Este foarte convenabil, deoarece tag-ul Ea nu se lipește nici înainte, nici după sine inutile murături (adică spațiu vertical gol), la fel ca tag-ul

.

În orice tag-uri pentru a defini mai bine stiluri prin intermediul unei clase? Cel mai des utilizate în acest scop, una dintre următoarele structuri:

etichetă