در فیلم آموزشی شناور کردن عناصر در css، با نحوه کنار هم قرار دادن عناصر در صفحات وب توسط مشخصه float، آشنا شدید. فرض کنید که ما یک عکس یا یک پاراگراف داریم و قصد داشته باشیم که هیچ عنصر دیگری کنار این ها قرار نگیرد. با استفاده از property ی clear می توانیم فضای اطراف عنصر را خالی کنیم.
آنچه در این فیلم آموزشی خواهید آموخت :
- آشنایی با مفهوم مشخصه clear در CSS
- نحوه ی استفاده از مشخصه ی clear با مثال های متنوع
- معرفی مقادیر property ی clear
- آشنایی با کاربردهای clear
- بیان نکات مهم و ضروری در هنگام استفاده از مشخصه clear
به شما پیشنهاد می کنیم، قبل از مشاهده ی این فیلم آموزشی، برای درک بهتر مفهوم clear، فیلم های آموزشی زیر را مشاهده کنید :
- معرفی مشخصه overflow در css
- آموزش شناور کردن عناصر در css – مشخصه float
[hdplay id=84]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/clear-property.mp4′]دانلود فیلم آموزش معرفی مشخصه clear در css و آشنایی با کاربردهای آن[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/clear.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت و کدنویسی وبلاگ خبری براساس طرح گرافیکی
- آموزش بعدی : فیلم آموزش ساخت منوی افقی و استفاده از تکنیک double border در css
- لیست فیلم ها : فیلم های آموزش جامع CSS
سلام . بنده سی اس اس رو از آموزش های فوق العاده عالی سایت شما یاد گرفتم و الان میتونم بگم تقریبا یک طراح وب حرفه ای هستم . البته پس از سی اس اس برای یادگیری سایر مهارت ها و دانش ها ب منابع مختلفی رفتم اما هنوز معتقدم ک بهترین دوره های آموزشی رو دارید . در حال حاضر هر وقت کسی برای شروع از من سوال میکنه من سایت شما رو پیشنهاد میکنم حتی هر وقت ی جایی گیر میکنم سریع ب آموزش های شما مراجعه میکنم . آموزش هاتون واقعا فوق العادست … منتظر ی قالب جدیدم هستیم خیلی …
تشکر آنلــــــاینر
با سلام واقعا آموزشاتون تکه . خیلی عالین . فقسرعت دانلود از سایتتون خیلی کمه . لطفا رسیدگی کنید
واقعا نمونه همچین آموزش طراحی وبی در ایران نیست
ممنونم
امکانش هست بفرمایید چه کاربرد هایی داره این clear و folow یک مثال کاربردی بزنید
لطفا فیلم های آموزشی کار با مشخصه ی float و همچنین ساخت گالری عکس انعطاف پذیر را دنبال کنید تا متوجه بشوید. (اگر فیلمها را بصورت ترتیبی و مرتب دنبال کنید متوجه تمام موارد و مثالها خواهید شد)
عالی بود دوست عزیز
اسفاده کردم
ضمن عرض سلام و خسته نباشید، پیشنهادی داشتم مبنی بر اینکه زمانی که فیلم آموزشی را برای دانلود قرار می دهید، نمونه کار اجرا شده استاد را نیز برای دانلود قرار دهید. با تشکر
عن امیرلمومنین(علیه السلام):
(من علمنی حرفا فقد صیرنی عبدا)
سلام
خسته نباشید ، امکانش هست آموزش قرار دادن نشانه ی آنلاین و آفلاین آی دی یاهو برای داخل وب را آموزش بدید ؟
متشکرم