دوره مجازی طراحی وب (جلسه 13): ویژگی های CSS - قسمت سوم

- visibility ۲۸ mode_comment

در این جلسه آموزش ویژگی های زبان CSS یا همون css3 properties رو خواهیم داشت . در این جلسه در مورد ویژگی های بسیار مهمی صحبت می کنیم که مربوط به تعین موقعیت و شناورسازی تگ ها در کنار هم هست . نکات مهمی هم در این رابطه خواهیم گفت :

عموم مطالبی که در این جلسه مطرح می شوند عبارتند از :

  • ویژگی position و کاربردهای آن
  • ویژگی top و کاربردهای آن
  • ویژگی left و کاربردهای آن
  • ویژگی bottom و کاربردهای آن
  • ویژگی right و کاربردهای آن
  • ویژگی float و کاربردهای آن
  • ویژگی clear و کاربردهای آن
  • ویژگی clip و کاربردهای آن
  • ویژگی display و کاربردهای آن
  • ویژگی height و کاربردهای آن
  • ویژگی width و کاربردهای آن
  • ویژگی visibility و کاربردهای آن
  • ویژگی vertical-align و کاربردهای آن
  • ویژگی line-height و کاربردهای آن
  • ویژگی direction و کاربردهای آن
  • ویژگی text-align و کاربردهای آن
info توجه

این مطلب یک جلسه از دوره آموزش طراحی وب می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش طراحی وب

comment دیدگاه کاربران
itone

سلام استاد اوند عزیز …
استاد تفاوت line-height
با vertical-align
چیه ؟؟؟
مثلا اگه بخایم یه عکسو تراز عمودیشو درست کنیم …. میتونیم از line -height استفاده کنیم و هم vertical-align فقط line-heightمقدار منفی نمیگیره ؟؟؟
کاربردشون و فهمیدم ولی نمیدونم کجا باید کدوماشونو استفاده کنم … 😳 🙁 🙁 🙁

وحید صالحی

line-height برای فاصله بین دوخط یا کلا خطوط متنی استفاده میشه و vertical-align برای تراز عمودی عناصر که نیاز به پراپرتی های مکمل در کنارش داره تا کار کنه مثل پراپرتی display

web master ayandeh

سلام مهندس
خسته نباشید
من خواستم یه چیزی رو بگم که شما فکر کنم داخل فیلم حواستون نبودش (البته دارم جسارت میکنم )
در دقیقه حدودا 43 وقتی داشتین موقعیت float به سایدار و کانتنت میدادین اومدین درصد بکار بردین و باکس رو از نوع border-box قرار دادید ولی باز هم کنار هم قرار نگرفتن و فرمودید احتمالا بخاطر پدینگ و مارجین های دیفالت مرورگر هست
من دقت کردم در فیلم شما کد box-sizing: border-box; رو به دایو کانتنت دادید ولی به دایو سایدبارمون ندادید و بخاطر همین که دایو سایدبارمون نوع باکسش دیفالت مرورگر بود برای بوردر 2 پیکسل اضافه میکرد
به همین دلیل در یک راستا قرار نمیگرفتن و به خط بعد میرفتن

بازم جسارتمو ببخشید
موفق باشید

لقمان آوند

نه خواهش میکنم
بعضی وقتا موقع ضبط ممکنه تمرکز کافی رو نداشته باشیم و اینجور موارد پیش بیاد.
ممنون از ذکر این مورد

وحید صف آرا


استاد دلیل اینکه باکس آبی رنگ دقیقا وسط صفحه نمیاد چیه؟!
چکار کنم که بیاد؟
در ضمن کد رو هر کاری کردم واستون درست آپلود نمیشه تو سایت .نمیدونم از طرف شما هم اینطوره یا نه

کیوان علی محمدی

سلام برای وسط قرار دادن در صفحه استایل اون المنت خاص رو باید با margin بالا و پایین با عددی مشخص قرار بدین و margin چپ و راست رو مقدار auto قرار بدین.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2