🎨
آموزش استایلهای CSS
بررسی خط به خط کدهای پرکاربرد
📏
۱. max-width: 800px;
max-width: 800px;
✅ حداکثر عرض ۸۰۰ پیکسل
این باکس حداکثر ۸۰۰px عرض دارد
🎯
۲. margin: 0 auto;
margin: 0 auto;
✅ وسطچین کردن افقی
من همیشه در وسط هستم!
🎨
۳. background: white;
background: white;
✅ رنگ پسزمینه سفید
این باکس پسزمینه سفید دارد
📦
۴. padding: 30px;
padding: 30px;
✅ فاصله داخلی از همه طرف
padding: 30px
فاصله داخلی دارد
⚪
۵. border-radius: 15px;
border-radius: 15px;
✅ گوشههای گرد
۱۵px
۳۰px
۵۰%
🌓
۶. box-shadow: 0 10px 30px rgba(0,0,0,0.1);
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
✅ سایه دور باکس
سایه کم
سایه زیاد
🎯
آموزش کامل تگ <h1> با استایل Inline
<h1 style=“color: #d44a6e; font-size: 42px; text-align: center; border-bottom: 4px solid #ff9aa2; padding-bottom: 18px; margin-top: 0; font-weight: 700; text-shadow: 2px 2px 4px rgba(255,107,149,0.2);”>
👩🏫 سلام! من مریم منفرد هستم
</h1>
👩🏫 سلام! من مریم منفرد هستم
</h1>
👩🏫 سلام! من مریم منفرد هستم
color
#d44a6e
font-size
۴۲px
text-align
center
border-bottom
۴px solid
padding-bottom
۱۸px
margin-top
۰
font-weight
۷۰۰
text-shadow
۲px 2px 4px
📝 خلاصه نکات مهم:
✅ max-width – حداکثر عرض
✅ margin: 0 auto – وسطچین
✅ background – رنگ پسزمینه
✅ padding – فاصله داخلی
✅ border-radius – گوشه گرد
✅ box-shadow – سایه