چند سوال ( كمك )

4ng3l · 20 آپریل 2006

سلام
چند تا سوال داشتم

1 - معني اصطلاح margin چيه ؟
2 - معني اصطلاح padding چيه ؟
3 - چطوري ميتونم از يك فايل فلش در css استفاده كنم ؟

مرسي
رضا

socket gremlin · 21 آپریل 2006

تصور كن يه پاراگراف داري

کد:

<p>this is a paragraph of text.</p>

اين هم كد css

کد:

p {background: red;
 padding: 5px;
 margin: 10px;
border:solid 1px black;

p رو كه ميسازي يه كادر بزرگ چهارضلعي تشكيل ميشه حالا اين كادر درونش چند تا كادره كه برات توضيح ميدم:

كادر قابل رويت:
1- كادر محتوا: كادريه كه متنت درونتش قرار داره و اندازهء اين كادر فقط تحت تاثير ارتفاع خط (فاطلهء بين خطوط) و اندازهء فونتته. وقتي كه توي css عرض (width) رو تغيير ميدي اين قسمته كه بطور استاندارد تغيير ميكنه.
2- padding: اينجا چون ست كردي padding: 5px; به سمت چپ و راست و بالا و پايين كادر محتوا، فضايي به اندازهء 5px افزوده ميشه.

3- border: خطيه كه به دور كادر padding كشيده ميشه يعني اگه ست كردي border=:1px; و عرض كادر محتوا و padding روي هم 310 پيكسل باشه، به دور اين كادر 300 پيكسلي خطي به ضخامت 1 پيسكل كشيده ميشه و عرض قسمت قابل رويت ميشه 310px+1px+1px=312px

4- background: رنگ يا تصويره كه از border چپ به راست و از border بالا به سوي پايين نمايش داده ميشه و در واقع تا زير padding و خط border ادامه پيدا ميكند.

كادر شفاف يا غير قابل رويت:
5- margin: فاصلهء كادر قابل رويت با عناصر مجاور در صفحه

socket gremlin · 21 آپریل 2006

مثال دو:

کد:

<div class="jiji"></div>

کد:

.jiji {width: 300px; height:100px; padding: 3px; border: 2px; margin: 10px; background: red;}

در اينجا يه div داريم با:
عرض كادر محتواي 300 پيكسل
padding:3px
border:2px

در نتيجه عرض كادر قابل رويت (قسمت قرمز رنگ) ميشه:

300+3+3+2+2=310

و ارتفاع

100+3+3+2+2=110

---

Internet Explorer فقط در standard mode اين رويه رو درست انجام ميده پس اول كد HTMLت حتما !DOCTYPE رو درج كن:

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

برگزیده های پرشین تولز

چند سوال ( كمك )

4ng3l

Registered User

socket gremlin

کاربر تازه وارد

socket gremlin

کاربر تازه وارد

تبلیغات متنی