فصل ۶ – کادر ها در CSS

در این فصل، به یادگیری کادر ها در CSS می‌پردازیم. حالا سوالی که پیش میاد اینه: اصلا کادر ها چی هستن؟

تعریف سادش اینه: کادر‌ ها قابلیت هایی هستن که می‌تونن دور عناصر ما رو پر کنن و اون ها رو محاصره کنن!

کادر ها رو می‌تونیم به دو مفهوم تعمیم بدیم:

  1. کادر‌های قابل مشاهده: بیشتر برای استایل دادن و ویرایش کردن نوشته به کار میرن، مثل border و outline
  2. کادر‌های غیر قابل مشاهده: برای اندازه دادن و مقید کردن محتوا در مکان های مختلف صفحه به کار میرن، مثل margin و padding.

این چهار مفهوم رو به صورت تخصصی در چهار جلسه آینده یاد می‌گیریم و سپس تفاوت های بین اون ها رو بررسی می‌کنیم.

  • آموزش CSS
    تفاوت حاشیه ها با همدیگه

    جلسه ۲۰ – تفاوت margin و padding و border و outline

    فرق کادر های CSS با یکدیگر در چیست؟ آیا می‌توانیم از همه کادر های CSS هم زمان استفاده کرد؟ در این مقاله قصد داریم تا با تفاوت کادر ها یا حاشیه های موجود در CSS آشنا شویم. تفاوت کادر ها در CSS چهار نوع کادر مورد نظر رو باهم یاد…

    بیشتر بخوانید »
  • آموزش CSS
    آشنایی با CSS Margin

    جلسه ۱۹ – margin در CSS

    منظور از margin در css چیست ؟ چگونگی استفاده از دستور margin در css را توضیح دهید! در این مقاله قصد داریم تا کار با margin در Css را بیاموزیم. ویژگی margin در CSS در این جلسه از دوره css ، دومین توع از کادرهای غیرقابل مشاهده یا margin رو…

    بیشتر بخوانید »
  • آموزش CSS
    آشنایی با Padding

    جلسه ۱۸ – padding در CSS

    ویژگی padding چیست؟ منظور از خاصیت padding یا صفت padding در CSS چیست؟ در این مقاله می‌خواهیم به آموزش کار با ویژگی padding در CSS بپردازیم و نحوه درج فاصله از داخل را بیاموزیم. ویژگی Padding در CSS در این مقاله از سری مقالات آموزش کامل css ، یادگیری کادرهای…

    بیشتر بخوانید »
  • آموزش CSS
    آشنایی با Outline

    جلسه ۱۷ – outline در CSS

    ویژگی outline چیست؟ چگونه از کادر outline در Css استفاده کنیم؟ دومین نوع از کادرهای قابل مشاهده که در آموزش css به آنها می‌پردازیم، outline ها هستن. outline ها شباهت های بسیار زیادی به border ها دارن. نقششون کاملا شبیه به دیوار دور عنصره، ضخامت دارن، رنگ دارن و نوع…

    بیشتر بخوانید »
دکمه بازگشت به بالا
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
چقدر میخوای ترافیک سایتت رو از طریق گوگل افزایش بدی؟
۱۵ ساعت فیلم آموزشی سرچ کنسول گوگل به زبان ساده تا پیشرفته بهت کمک میکنه تا سایتت به صورت طبیعی در نتایج بدون داشتن پیش‌نیازی رشد بدی، صرفا اراده میخواد و یک ماه وقت بذاری، فیلم ببینی، عمل کنی، همین. ما هم بهت کمک میکنیم.
بالای ۲۵۰ نفر شرکت کردن و الان تخفیف خورده