Marcarea HTML a aspectului cauciucului.
Fișierul index.html este un aspect bloc.
Stiluri CSS ale aspectului cauciucului.
În fișierul style.css scriem stiluri.
html, înălțimea corpului. 100%;
fundal. # 000;
>
.marginea de ambalaj. 0 auto;
lățime. 90%;
max-lățime. 1200px;
înălțime. 100%;
preaplin. ascunse;
>
.lățimea capului. 100%;
înălțime. 100px;
text-align. centru;
fundal. #ccc;
marjă. 0,5% 0;
>
.bara laterală plutitoare. stânga;
lățime. 20%;
înălțime. 70%;
text-align. centru;
fundal. #ccc;
marjă. 0,5% 0,5% 0,5% 0;
>
.conținut de fundal. #ccc;
lățime. 58%;
float. stânga;
marjă. 0,5%;
înălțime. 70%;
text-align. centru;
>
.fundal de publicitate. #ccc;
lățime. 20%;
float. dreapta;
marjă. 0,5% 0,5% 0,5%;
înălțime. 70%;
text-align. centru;
>
.fundal fundal. #ccc;
marjă. 0,5% 0;
înălțime. 70px;
float. stânga;
overflow: ascuns;
lățime. 100%;
text-align. centru;
>
Rețineți că lățimea și înălțimea blocurilor în cele mai multe cazuri, indicăm în procente.
Verificarea și testarea pentru "cauciuc".
Aspectul "cauciuc" poate fi verificat cu următorii termeni:
Deschideți aspectul în orice browser, minimalizați fereastra browserului făcând clic pe pictograma din colțul din dreapta sus.
Și utilizați mouse-ul pentru a modifica dimensiunea ferestrei browserului. Aspectul în acest caz se va "adapta" dimensiunii ferestrei browserului.