Сайтты орналастырудың екі түрі бар: кестелік және блоктық. Алғашқысы қарапайым HTML парақтарын құруға ыңғайлы болса, екіншісі блок түрінде жекелеген элементтер қосу қажет болған жағдайда өте қолайлы.
Нұсқаулық
1-қадам
Блок дизайнын өзіңіз жасауға мүмкіндік беретін екі әдіс бар: каскадтық стильдер кестесіне енгізу немесе оларды сыртқы ресурстардан қосу. Екеуі де бірдей нәтиже береді, сондықтан олардың арасында түбегейлі айырмашылық жоқ. Бірінші жағдайда, келесі кодты style.css файлының кез келген жеріне қойыңыз:
.block1 {
}
Блок1 - блоктың атауы, кез келгенін жаза аласыз. Бұйра жақшалар арасында параметрлерді келесі форматта көрсетіңіз: атрибут атауы> қос нүкте> мән> үтір үтір (оның ішінде бұйра жақшаға қойылған). Әдетте келесі элементтер қолданылады:
- ені - ені (500px, 100% және т.б.);
- биіктігі - биіктігі (200px, 25% және т.б.);
- фон - фон түсі (сары, қызыл, # 000000);
- толтырғыш - блок ішіндегі мазмұнды айнала толтыру (0px, 20%);
- маржа - блоктан тыс шеттер (15px, 40%);
- жиек - жақтау (шекара: қатты 0px қара;);
- қалқымалы - туралау (солға, оңға);
- border-radius - бұрыштарды дөңгелектеу (border-radius: 10px;).
2-қадам
CSS-ті екінші рет қолданған кезде және тегтер арасында стиль қосыңыз:
.block1 {
}
Қажетті параметрлерді қосыңыз.
3-қадам
Пәрменді қолданып, блокты сайттың қажетті орнына қойыңыз.
Блок 1
Парақты сақтаңыз және жаңартыңыз, ол пайда болуы керек. Биіктіктің туралануы мазмұнның толықтығына байланысты өзгеруі мүмкін екенін есте сақтаңыз. Мысалы, егер сіз 300 пиксельді орнатсаңыз, бірақ тек бір мәтін жолын жазсаңыз, ол толық көрсетілмейді. Мұны, мысалы, блоктың ішіне орналастыру керек қажетті параметрлері бар кестені қолдану арқылы түзетуге болады, яғни. тегтер арасында және. Жиектер көрінбеуі үшін атрибутты салыңыз
