تو این قسمت به div در css میپردازیم:
دیگه استفاده از جدول برای قالب بندی سایت ها منسوخ شده؛ با استفاده از تگ div میشه این کار رو انجام داد.(طراحی هدر سایت و...).
div به خودی خود خاصیتی نداره اما با css میشه از اون استفاده کرد.
یکی از روش های کار با css استفاده درون تگ های html بعد از کلمه کلیدی style هست.
مثلا:
<;p style=text-color:red; text size:6px>
متن آزمایشی
<p/>
برای تگ div هم میتوان چنین خصوصیاتی را به کار برد.
👈نحوه تعریف:
<div>
<div/>
👈خصوصیات:
width:عرض
height:ارتفاع
border:قاب دور
margin:حاشیه
pading:حاشیه از درون خود div
مثال :🔻
"=div style>
;width:1000px
;height:200px
;border:1px
;background-color:brown
;margin-left:2px
;text-align:right
<"
ارتفاع رو ۲۰۰ انتخاب کردیم و عرض رو ۱۰۰۰ رنگ div رو هم قهوه ای در نظر گرفتیم؛با align متن رو هم راست چین کردیم.قاب دور هم 1px.
دقت کنید تو قسمت body حتما margin از بالا و سمت چپ مساوی با 0px باشه وگرنه div ما از بالا و طرفین با صفحه فاصله میگیره:
<style>
}body
;margin-top:opx
margin-left:0px
{
<style/>
اگه margin(حاشیه) مساوی با صفر نباشه اینطور میشه:
به حاشیه سمت چپ و بالا دقت کنید☝️
اما کد نهایی امروز ما:🔻
<html>
<head>
</meta charset="utf-8">
<title>
سایت من
</title>
<style type="text/css">
}body
;background-color:#818181
;margin-top:0px
;margin-left:0px
{
}iran.
;font-size:30px
;text-align:right
;pading=6px
;margin-top:148px
{
<style/>
<head/>
<body>
"=div style>
;width:1000px
;height:200px
;border:1px
;background-color:brown
;margin-left:2px
; text-align:right
<"
<p class=iran>
|
صفحه اصلی
|
ویدئو
|
نتایج زنده
|
ثبت نام
<p/>
<div/>
<body/>
<html/>
👈نتیجه این کدها میشه مثل عکس پست.
👈پ.ن:اگر سوالی هست بپرسین.
