Site-ul de gabarit, web-studio de larissa crow

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.