Cascading Style Sheets
Coordonate și dimensiuni
CSS-P definește două sisteme de coordonate: relative și absolute. Acest lucru permite o flexibilitate a elementelor de cazare în raport cu câmpul de lucru ca o fereastră de browser frontieră și unul de altul.
Blocks - nu sunt termeni abstracte, care nu ocupă spațiu pe pagina este un avion. Blocuri - un dreptunghi care „matura“ zona. Text și alte componente ale paginii de unitate încetează să mai fie la dispoziția utilizatorului, astfel încât dimensiunile blocului liniare sunt de a crea HTML-pagini nu sunt de o importanță mai mică decât unitatea de coordonate.
coordonate absolute
Când se folosește „absolut“ coordonate punct de referință este plasat în colțul din stânga sus al ferestrei browser-ului, iar axele X și Y sunt orientate orizontal spre dreapta și în jos pe verticală, respectiv:
Dacă în acest sistem de coordonate, un element de bloc trebuie plasat pe partea de sus 10px sub spațiul de lucru 20px browser tăiat și dreptul marginii din dreapta a spațiului de lucru browser, descrierea acestora va fi după cum urmează:
In acest tip de sistem de înregistrare a coordonatelor definite poziție atribut (valoare - absolută), coordonate X specificat atribut stanga (valoare - 20px), Y coordonatele unui anumit top atribut (valoare - 10px).
Atributele definesc partea din stânga sus și coordonatele colțul din stânga sus al blocului în sistemul de coordonate absolute.
Valorile coordonatelor pot fi negative. Pentru a scoate unitatea din zona afișată cu dimensiunile liniare 100px (înălțime) de pe 200px (lățime) suficient de otpozitsionirovat după cum urmează:
coordonatele relative
Acest sistem de coordonate vă permite să plasați unități pe pagina în coordonatele, unitatea de acoperire a acestora. Avantajele și necesitatea unei astfel de sistem de coordonate sunt evidente. Acesta vă permite să mențină poziția relativă a elementelor de marcare în orice dimensiunea ferestrei browser și setările implicite.
Ca un punct de referință în acest sistem de coordonate selectat punctul de locație a unității implicite curente. Axa X, astfel orientată în direcție orizontală spre dreapta, iar axa Y - vertical în jos.
Pentru a stabili un bloc de coordonate în acest tip de înregistrare sistem este utilizat:
Acest bloc este situat la coordonatele relative punctului de referință
culoare de fundal: darkred;
Culoare: alb; „>
.
Textul este plasat la blocul a fost văzut în Netscape Navigator
Exemplul dat în descriere ar trebui să fie suficient pentru a obține rezultatul, dar în NN pentru acest bloc trebuie să se aplice unele atribute suplimentare:
.
Fără bloc de frontieră este umplut cu culoare roșu închis, și nu se întind text va fi afișat valori implicite de culoare pentru această pagină. Nici o explicație rezonabilă pentru un astfel de comportament a browser-ului nu poate fi, deci nu se bazeze pe acele atribute pagina de proiectare.