Тарҳрезии CSS талаб мекунад, ки шумо тарзи вебсафҳаи худро дар маҷмӯъ мулоҳиза кунед, сипас қисмҳои онро бигиред ва онҳоро якҷоя кунед. Омӯзед, ки чӣ гуна сохтани сентаҳои 3-сутуни сутун бо CSS.
01 аз 09
Лавҳаи худро таҳия кунед
Шумо метавонед нақшаи худро дар коғаз ё барномаи графикӣ кашед. Агар шумо аллакай дар чаҳорчӯбаи сим ё ҳунармандии васеъ дар назар дошта бошед, онро ба қуттиҳои асосӣ, ки сайтро ташкил медиҳанд, осон мекунад. Ин тарҳ, ки ин мақоларо ҳамроҳӣ мекунад, се сутун дар минтақаи мундариҷаи мундариҷа, инчунин сарлавҳаро ва пиёдагард аст. Агар шумо ба наздикӣ назар кунед, шумо мебинед, ки се сутун дар паҳнои баробар нестанд.
Пас аз он, ки шумо таҳия карда бошед, шумо метавонед фикрҳои андозагириро оғоз кунед. Ин намунаи намунавӣ ба андозагирии асосӣ асос ёфтааст:
- Бештар аз 900 пиксел васеъ
- 20 px gutter дар чап
- 10 px байни сутунҳо ва сатрҳо
- Сутунҳо, ки 250px, 300px ва 300px васеъ мебошанд
- Сатҳи боло 150px баланд аст
- Сатҳи поёнӣ 100px баланд аст
02 аз 09
Ба HTML / CSS Basic Basic нависед ва эффекти контейнери эҷод кунед
Азбаски ин саҳифа ҳуҷҷати дурусти HTML буда, бо воҳиди HTML холӣ оғоз меёбад
Нишонаҳои асосии CSS -ро ба сифр берун аз мароқҳо, марзҳо ва папкаҳо илова кунед . Дар ҳоле, ки стандарти дигари CSS-стандартӣ барои ҳуҷҷатҳои нав вуҷуд дорад, ин услубҳо ҳадди аққал ба шумо лозим аст, ки тарҳрезии тоза пайдо кунед. Онҳоро ба сарлавҳаи ҳуҷҷати худ илова кунед: