02.03.2017 Views

CSS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

به کد زیر دقت کنید:‏<br />

HTML کد<br />

این ساختار:‏<br />

آموزش کاربردی <strong>CSS</strong>3<br />

Div{font:12px/25px Tahoma; width:10px; height:150px; color:#000;text-align:center;}<br />

Div1{background-color:red; float:right;}<br />

Div2{background –color:yellow; float:left;}<br />

آموزش کاربردی <strong>CSS</strong>3<br />

Div1<br />

در کد باال به Div1 مقدار<br />

خواهد بود.‏<br />

Right<br />

را دادیم و برای<br />

مقدار Div2<br />

Div2<br />

left<br />

را دادیم،‏ حاال نتیجه به شکل زیر<br />

با استفاده از دستورالعمل های باال شما میتوانید چندین ستون را باهم یکجا درج نمایید.‏ اما به<br />

دو نکته زیر توجه داشته باشید.‏<br />

نکته اول<br />

این نکته از جمله مهمترین نکته میباشد.‏ هنگامی که شما از خاصیت<br />

float<br />

برای عناصر موجود<br />

در صفحه استفاده میکنید،‏ برای اینکه عناصر بعدی به درستی سر جای خودشان قرار بگیرند و<br />

به درستی نمایش داده شوند باید از خاصیت<br />

خنثی کند.‏<br />

Clear<br />

در عنصر بعدی استفاده کنید تا خاصیت<br />

Float<br />

حاال ما میخواهیم بعد از این دو ستون یک ستون قرار بدهیم.‏<br />

101<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!