CSS düzeni, veb-sayt layoutunu bir bütün olaraq düşünməyi, sonra da parçaları götürməyi və onları birləşdirməyi tələb edir. CSS ilə sadə 3 sütunlu sxem qurmağı öyrənin.
01/09
Layihənizi çəkin
Layihənizi kağız üzərində və ya qrafik proqramında çəkə bilərsiniz. Zaten bir tel çerçevesi ya da daha geniş bir tasarıma sahip olursanız, siteyi oluşturan temel kutulara basitleştirin. Bu məqaləyə istinad edən bu dizayn, əsas məzmun sahəsindəki üç sütun, həmçinin üstbilgi və altbilgiyə malikdir. Əgər yaxından baxdığınız zaman, üç sütunun eni bərabər olmadığını görə bilərsiniz.
Layihə hazırlandıqdan sonra ölçüləri düşünməyə başlaya bilərsiniz. Bu nümunə dizayn aşağıdakı əsas ölçülərə malik olacaq:
- 900 pikseldən çox olmayaraq
- Solda 20 px oluk var
- Sütunlar və satırlar arasında 10 px
- 250px, 300px və 300px genişliyində olan sütunlar
- Üst cərgə 150px uzunluqdadır
- Alt sıra 100px uzunluqdadır
02/09
Əsas HTML / CSS yaz və Konteyner elementi yaradın
Bu səhifə düzgün bir HTML sənədi olduğundan, boş HTML konteynerlə başlayın
Əsas marjinləri, sərhədləri və həcmlərini sıfırlamaq üçün əsas CSS üslublarına əlavə edin. Yeni sənədlər üçün digər standart CSS üslubları olsa da, bu üslublar təmiz layout əldə etmək üçün minimum olmalıdır. Sənədinizin başlığına əlavə edin: