خاصیت position و display

[r4hgozar]

دوستان من 2 ماهه فقط دارم html و css می خونم.
یه مدت با دایو و margin و padding و float مشکل داشتم اما اینقدر باهاشون سرو کله زدم که که خاصیت هاشون رو یاد گرفتم.
ولی چون از اول نه استاد داشتم نه تا حالا کسی بهم درباره html , css چیزی گفته بود پیشرفتم به نظر خودم خیبی کنده.

الان بعد 1 ماه و نیم می تونم با دایو اسکلت کلی یه صفحه رو بچینم اما متاسفانه خاصیت display و position رو با اینکه خیلی مطلب در بارشون خوندم نمی تونم خوب بفههمم. حتی توw3 هم دیدم . اما درست نتونستم درکش کنم. و یه مشکلی هم که دارم اینه که تا چیزی رو کامل کامل نفهمم نمی تونم ازش استفاده کنم و یا حفظش کنم.
الان تو ساخت لیست های کشویی واسه مثلا منو مشکل دارم.
اگه کسی از دوستان بتونه اینارو واسم خیلی ساده توضیح بده واقعا ممنون میشم..

موفق باشید دوستان

[mehbod.rayaneh]

سلام
ببینید display نوع نمایش را مشخص میکنه!
این بهترین مثال هست براش ک من سراغ دارم :
http://www.w3schools.com/cssref/playit.asp?filename=playcss_display&preval=none
و position هم مکان تگها را نسبت به بقیه عناصر مشخص میکنه!!!
شما اینو ببینید :
http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=absolute
برا این ک بهتر تفاوت fixed و absolute را متوجه بشی مرورگر را کوچیک کن تا اسکرول بخوره!

[r4hgozar]

دوست عزیز fixed رو می دونم.
میشه تفاوت بین relative , absolute رو بگی؟
این منو رو نگاه کن (http://webgoo.ir/92/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C-%D8%A8%D8%A7-%D8%AA%DA%AF-ul-li-%D9%88-css). من نمی تونم اینجا رو بفهمم.

[colors]

دوست عزیز fixed رو می دونم.
میشه تفاوت بین relative , absolute رو بگی؟
این منو رو نگاه کن (http://webgoo.ir/92/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C-%D8%A8%D8%A7-%D8%AA%DA%AF-ul-li-%D9%88-css). من نمی تونم اینجا رو بفهمم.

دوست عزیز مقدار absolute تگ رو سرخود میکنه, یعنی خودش پدر میشه ولی مقدار relative تگ رو به عنوان فرزند معرفی میکنه, یعنی تگ نسبت به تگهای اطرفش حساسه و محل قرارگیریش رو طبق تگ های بغلی و بالا و پایین تعیین میکنه.

[esmaeilbf]

درمورد display
توی کدها گاهی میبینید display به صورت block هست یا گاهی inline یا ....
درواقع بروزر متون درون پیج رو بصورت inline میبینه و عناصری مثل تصاویر یا دیویژن ها رو به صورت block!!
مثلا اگر یک تگ p (پاراگراف) رو بلاک تعریف کنیم میتونید بهش width و height بدین و پس زمینه ی متن رو رنگی کنیم!!! فقط کافیه تست کنید تا بهتر متوجه بشید!!!!

[colors]

درمورد display
توی کدها گاهی میبینید display به صورت block هست یا گاهی inline یا ....
درواقع بروزر متون درون پیج رو بصورت inline میبینه و عناصری مثل تصاویر یا دیویژن ها رو به صورت block!!
مثلا اگر یک تگ p (پاراگراف) رو بلاک تعریف کنیم میتونید بهش width و height بدین و پس زمینه ی متن رو رنگی کنیم!!! فقط کافیه تست کنید تا بهتر متوجه بشید!!!!

البته ناگفته نماند که دونوع تگ از نظر خصوصیت جایگذاری داریم. مثلا تگهای P, H1, H2 , ... تگهای بلوک هستند, یعنی قبل و بعد از خودشون رو میشکنن(منظور از شکستن اینه که قبل و بعد از خودشون فاصله میندازن) و دیگه نیازی نیست براشون خاصیت display با مقدار block تعریف کرد. همچنین یه سری تگها مث SPAN, A , ... تگهای درون خطی هستند, یعنی قبل و بعد خودشون رو تغییر نمیدن و اگه فضای باشه به ادامه محتویات قبلشون میچسبن.

[r4hgozar]

ممنون از همه دوستان. تا حد زیادی میشه گفت متوجه شدم.