ثبت نام مستر کارت رایگان

برای ثبت نام بر روی تصویر کلیک نمایید

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
پیامک زیبای فلسفی	0	120	hengame
اس ام اس خنده دار برای تجدید روحیه	0	106	hengame
اس ام اس مهربانی	0	104	hengame
اس ام اس سرکاری ماه رمضان	0	97	hengame
اس ام اس تبریک روز نیروی انتظامی	0	95	hengame
نحوه ورود به حالت Safe Mode در اندروید	0	103	ghazal
من او را دوست می دارم...(مرتضی درویشی)	0	97	ghazal
خیال نرگس مستت، ببست خوابم را (سلمان ساوجی)	0	108	ghazal
داستان طنز: از فرصت ها استفاده کنید!	0	94	ghazal
داستان عاشقانه همکلاسی	0	83	ghazal
اس ام اس خنده دار و سرکاری جدید	0	109	gelare
پیامک فلسفی جدید	0	80	gelare
اس ام اس خنده دار تبریک تولد	0	85	gelare
اس ام اس عاشقانه مخصوص روزای بارونی	0	99	gelare
اس ام اس عاشورای حسینی	0	92	gelare
عاشق شدن پادشاه بر کنیزک رنجور ( مولوی )	0	89	yasamin
شعر شوق از فروغ فرخزاد	0	73	yasamin
داستان عشق و ثروت و موفقیت	0	83	yasamin
اس ام اس شهادت امام سجاد (ع)	0	82	yasamin
گفت‌وگویی پیرامون ازدواج (طنز)	0	88	yasamin
اس ام اس فلسفی و جملات قصار زیبا (8)	0	102	ziiba
اس ام اس روز عشق	0	73	ziiba
اس ام اس خنده دار و سرکاری تابستان	0	80	ziiba
اس ام اس ضد پسر	0	82	ziiba
اس ام اس ولادت امام موسی کاظم(ع)	0	80	ziiba
اس ام اس چهارشنبه سوری (2)	0	85	faranak
اس ام اس سرکاری ماه رمضان(2)	0	79	faranak
اس ام اس طنز و خنده دار (5)	0	95	faranak
اس ام اس فلسفی و جملات قصار زیبا (5)	0	79	faranak
اس ام اس خاطره های عاشقانه و غمگین	0	88	faranak

12 3 4 5 6 7 8 9...35 36 »

محل قرارگیری عناصر - خواص Clear , Float

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

float

در این بخش از آموزش css به توضیح ویژگی محل قرارگیری عناصر - خواص Clear , Float میپردازیم.

با این ویژگی از css موقعیت یک عنصررا می توانید سمت چپ یا راست تنظیم کنید.

یکی از پرکاربردترین ویژگی ها در css میباشد. بادادن این ویژگی به تگ ها شما میتوانید سایت های چند ستونه ایجاد کنید.

این خاصیت یکی از پایه های اساسی در طراحی قالب بر اساس div می باشد.

وقتی به یک عنصر در کد خود float به سمت چپ یا راست میدهید ، عنصر مورد نظر به آن سمت خاص میرود و بقیه عنصر هایی که بعد از تگ مذکور آمده اند و float ندارند به سمت مخالف رانده میشوند و اطراف عنصر مورد نظر قرار میگیرند.

.text { float:left; width:110px; height:90px; margin:5px; }

clear

اگر عنصر ی بعد از عنصری که ویژگی float را دارد، خاصیت clear داشته باشد، اطراف عنصر ی که ویژگی float را دارد قرار نمی گیرد.

عنصر ی که خاصیت clear=both دارد و float نیز شده باشد، فقط عنصر هایی را که قبل از خودش آمده است، clear میکند . و عنصرهای بعدی را تحت تاثیر قرار نمیدهد

img { float:left; } p.clear { clear:both; }

محل قرارگیری عناصر - خواص مربوط به Position

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

محل قرارگیری عناصر - خواص مربوط به Position

در این بخش از آموزش css به توضیح خواص مربوط به Position میپردازیم.

با استفاده از ویژگی Position موقعیت عنصر در صفحه را مشخص کنید.همچنین میتوانید یک عنصر را پشت عنصر دیگر قرار دهید و اینکه چه اتفاقی بیفتد زمانی که محتوای یک عنصر بیش از اندازه بزرگ است.

عناصری که از ویژگی Position استفاده میکنند،ویژگی های زیر را نیز میتوانند داشته باشند.

top
bottom
left
right

چهار روش مختلف برای موقعیت دهی عناصر در صفحه وجود دارد:

Static Positioning
تمام عناصر در HTML در حالت پیش فرض به صورت استاتیک موقعیت دهی شده اند.عناصری که از این ویژگی استفاده میکنند از ویژگی های top و .. تبعیت نمیکنند.

Fixed Positioning
یک عنصر با موقعیت ثابت نسبت به پنجره مرورگر ، موقعیتش تنظیم میشود.عنصر زمانی که از این موقعیت استفاده کند، حتی زمانی که پنجره وب سایت اسکرول بخورد ، عنصر حرکتی نمیکند. به دلیل اینکه اینترنت اکسپلورر بیشتر از سایر مرورگرها مورد استفاده قرار می گیرد و از ویژگی fixed در CSS پشتیبانی نمی کند زیاد به این ویژگی نمی پردازیم.

p.pos_fixed { position:fixed; top:30px; right:5px; }

Relative Positioning
یک عنصر با این ویژگی نسبت به وضعیت جاری خود در صفحه موقعیت دهی میشود.

h2.pos_left { position:relative; left:-20px; } h2.pos_right { position:relative; left:20px; }

Absolute Positioning
مشخص می کند که عنصر مربوطه باید در محل تعیین شده به نمایش در آید نه محلی که کد آن نوشته شده است.

h2 { position:absolute; left:100px; top:150px; }

Overlapping Elements
زمانی که عناصر روی هم قرار میگیرند با این ویژگی میتوانید اولویت نمایش را برای عناصر مشخص کنید

img { position:absolute; left:0px; top:0px; z-index:-1; }

z-index فقط در مواقعی که از ویژگیهای زیر استفاده شود،میتواند مورد استفاده قرار گیرد:
position:absolute, position:relative,position:fixed

خواص مربوط به سرریزی Overflow عناصر در CSS

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

خواص مربوط به سرریزی Overflow عناصر در CSS

در این بخش از آموزش css ، ویژگی Overflow را آموزش میدهیم.

در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد.

div { width:150px; height:150px; overflow:scroll; }

در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود.

مقادیری که میتوانید در این خصوصیت استفاده کنید :

visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود.

hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمیشود.

scroll : که در بالا گفته شد، عنصر اسکرول عمودی و افقی خواهد خورد.

auto : در این حالت که بسیار پر استفاده است مانند اسکرول عمل میکند، با این تفاوت اساسی که اسکرول بر اساس موقعیت افقی یا عمودی خواهد خورد و در صورتی که تجاوز نکند ، اسکرول نخواهد خورد.

این ویژگی درتمام مرورگرها پشتیبانی میشود.

صفحه قبل 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 صفحه بعد

تعداد صفحات : 134