آموزش های مریم شیردل

محتوای آموزشی : برای تعیین یک نگهدارنده از نوع  flexbox باید display را از نوع flex قرار بدهیم .

محتوای آموزشی : اگر میخواهید عنصری را  از نظر افقی دقیقا در وسط صفحه قراردهید باید به دو سوال زیر جواب بدید آیا جزو عناصر Inline  است ؟ اگر نه عرض مشخصی دارد؟

محتوای آموزشی : در فلکس باکس ها میتوانیم ترتیب عناصر را عوض کنیم مثلا آخرین عنصر در Html  بیاید و در وسط یا به عنوان دومین عنصر قرار بگیرد.با استفاده از ویژگی order  که به هر عنصری نسبت میدهیم

محتوای آموزشی : مدیاکوئری اول بگیم ریسپانسیو چیه اینکه سایت ما نه فقط در دسکتاپ بلکه در گوشی یا تبلت هم ظاهر خوبی داشته باشد و محتوا به خوبی دیده شوند. من کد زیر رو مینویسم :

محتوای آموزشی : در لیست ها هر آیتم شماره یا علامتی دارد ما با css   میتوانیم جای اونها را تعیین کنیم که از نظر ظاهری داخل تگ li  باشند یا خارج از آن . این ویژگی list-style-position  نام دارد

محتوای آموزشی : وقتی محتوای که داخل عنصر ریختیم به فضای بیشتری نیاز داشت ،چه اتفاقی بیوفتد .ویژگی over-flow  را داریم با چهار مقدار

محتوای آموزشی : برای گرد کردن لبه های عنصر از ویژگی border-radius   استفاده میکنیم .مقدار اون میتونه برحسب px   یا % باشد. و اگر یک عدد مقابلش بنویسید اون به چهار گوشه اعمال میشود.

محتوای آموزشی : وقتی در مرورگر قسمتی از متن را انتخاب میکنیم به رنگ ابی هایلات میشود . css  با استفاده از شبه کلاس ::seletion  میتوانیم استایل اون قسمت وقتی انتخاب شده را تغییر دهیم .

محتوای آموزشی : برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم کد زیر عنصر را  در جهت  افقی (محور x)        بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم transform: scaleX(2);

محتوای آموزشی : شبه کلاس های مربوط به لینک ها از شبه کلاس ها برای تعیین وضعیت یک عنصر در حالت خاص استفاده میکنند

محتوای آموزشی : شبه کلاس :focus  و  :hover برای تعریف وضعیت خاصی از عنصر ها از شبه کلاس استفاده میکنیم .

محتوای آموزشی : تابع  translate  برای ویژگی transform  translate()  - translateX()-translateY()-translateZ()-translate3d()

محتوای آموزشی : برای چرخش عناصر از این تابع استفاده میکنیم rotate() - rotateX() - rotateY()-rotateZ()-rotate3d() با استفاده از کد زیر میتوان تصویر یا عناصر را در فضای دو بعدی بچرخونیم

محتوای آموزشی : شبه کلاس ها عناصری هستند که به کمک ما برای دستری به عناصر میان . قبل شبه کلاس ها از علامت : استفاده میشه .

محتوای آموزشی : خب برای داشتن نوار اسکرول  افقی مثل عکس پایین صفحه اول قسمت html  اونو مینویسیم .تگی که قسمت هدر رو مشخص میکنه

محتوای آموزشی : خب برای داشتن نوار اسکرول  زیر اول باید عرضی براش مشخص کنیم.من رنگ ابی خیلیی روشنی هم بهش دادم