Parsati css-codul introdus la pagina HTML
Parse codul de limbă CSS încorporat în document HTML
Lecții №7
Parse codul de limbă CSS
În lecția anterioară am învățat ce CSS și a introdus codul în document HTML. În această lecție vom învăța ce fiecare parte a CSS-cod.
schema CSS-cod este după cum urmează:
încorporat nostru în document HTML, CSS-cod arată astfel:
Luați în considerare fiecare parte din ea:
H1 - primul este numele tag-ul, care va fi numit de CSS-proprietăți. în acest exemplu, titlul articolului.
<> - urmată de deschidere și închidere acolade, plasate între paranteze CSS-proprietăți cu valori.
Bretele sunt necesare pentru a marca începutul și sfârșitul CSS proprietățile destinate tag-ul. în cazul nostru, pentru tag-ul H1
culoare: verde; - prima linie. Ea vine dupa o acoladă de deschidere, în cazul în care
Culoare - această proprietate CSS-. înseamnă culoare,
verde - este valoarea CSS-proprietate înseamnă că culoarea ar trebui să fie de culoare verde.
font-family: Arial; - a doua linie. Ea vine dupa o acoladă de deschidere, în cazul în care
font-family - este CSS-proprietate. ceea ce înseamnă ce nume ar trebui să fie în text,
Arial - proprietati acest CSS-valoare, înseamnă că numele fontului ar trebui să fie Arial
Rețineți că după CSS proprietățile ai nevoie de un colon. și după valorile pe care trebuie să pună punct și virgulă;
Să ne conferea CSS-proprietăți, paragrafe, pagina p. Adăugați următorul cod CSS în HTML-document:
HTML-document ar trebui să arate astfel:
După ce a deschis cu un browser, fișierul index.html. ar trebui să vedeți următoarele.
Vă rugăm să rețineți că culoarea paragrafelor de text devine albastru, dimensiunea fontului a crescut, iar lățimea punctelor devenit egală cu 60% din lățimea browser-ului.
Luați în considerare CSS-proprietăți desemnate punctele p
Culoare: albastru; - prima linie. Ea vine dupa o acoladă de deschidere, în cazul în care
Culoare - această proprietate CSS-. înseamnă culoare,
albastru - proprietăți acest CSS-valoare, ceea ce înseamnă că culoarea trebuie să fie albastră.
font-size: 19px; - a doua linie. Ea vine dupa o acoladă de deschidere, în cazul în care
font-size - această proprietate CSS-. ceea ce înseamnă dimensiunea fontului
19px - această valoare CSS-proprietăți înseamnă că dimensiunea caracterelor trebuie să fie egală cu 19 pixeli.
lățime: 60%; - al treilea rând. Ea vine dupa o acoladă de deschidere, în cazul în care
lățime - această proprietate CSS-. sens larg,
60% - această valoare CSS-proprietăți înseamnă că lățimea trebuie să fie egală cu 60% din original. În primul rând, în mod implicit, lățimea punctelor să fie de 100% și a ocupat întreaga lățime a browser-ului.