Sayt tərtibatının iki növü var: cədvəlli və bloklu. Birincisi sadə html səhifələr yaratmaq üçün daha əlverişli olsa da, ikincisi blok şəklində fərdi elementlər əlavə etməyiniz lazımdırsa idealdır.
Təlimat
Addım 1
Bir blok dizaynını özünüz inkişaf etdirməyinizə imkan verəcək iki üsul var: kaskad üslub vərəqlərini sənədə yerləşdirmək və ya xarici mənbədən birləşdirməklə. Hər ikisi də eyni nəticəni verir, buna görə aralarında heç bir əsas fərq yoxdur. Birinci halda, aşağıdakı kodu style.css faylının istənilən yerinə yapışdırın:
.block1 {
}
Blok1 - blokun adı, başqa birini yaza bilərsiniz. Buruq mötərizələr arasında parametrləri aşağıdakı formatda göstərin: atribut adı> nöqtə> dəyər> nöqtəli vergül (buruq əyləcdən əvvəl yerləşdirilmiş daxil olmaqla). Aşağıdakı elementlər ümumiyyətlə istifadə olunur:
- eni - eni (500 piksel, 100% və s.);
- hündürlük - hündürlük (200 piksel, 25% və s.);
- fon - fon rəngi (Sarı, Qırmızı, # 000000);
- dolgu - blok içərisindəki məzmunun ətrafına dolğu (0px, 20%);
- margin - blokdan xarici kənarlıqlar (15px, 40%);
- haşiyə - çərçivə (sərhəd: qatı 0px qara;);
- float - hizalama (sol, sağ);
- sərhəd radiusu - künclərin yuvarlaqlaşdırılması (haşiyə radiusu: 10px;).
Addım 2
CSS-nin ikinci istifadəsində və etiketlər arasında üslub əlavə edin:
.block1 {
}
Və istədiyiniz parametrləri əlavə edin.
Addım 3
Komanda istifadə edərək bloku saytdakı istənilən yerə daxil edin:
Blok 1
Səhifəni saxla və yeniləyin, görünməlidir. Hündürlüyün düzəldilməsinin məzmunun nə qədər dolduğuna görə dəyişə biləcəyini unutmayın. Məsələn, 300 piksel təyin etsəniz, ancaq yalnız bir sətir mətn yazsanız, tam olaraq göstərilməyəcəkdir. Bu, məsələn, blokun içərisinə qoyulmalı olan lazımi parametrləri olan bir masa istifadə edərək düzəldilə bilər, yəni. etiketlər arasında və. Haşiyələrin görünməməsi üçün atributu daxil edin
