گاهی می توان از این ویژگی برای بهبود اجرای انیمیشن ها و ترنزیشن ها بهره گرفت. در این ویدیو دو مثال را بررسی می کنیم.
واحدهای نسبی
در واحدهای نسبی یک اندازه طولی نسبت به یک اندازه طولی دیگر محاسبه می شود به همین دلیل به آنها نسبی می گویند. زمانی که از واحدهای نسبی در سی اس اس استفاده می کنیم خروجی ما به راحتی می تواند در محیطهای گوناگون وفق پیدا کند. مطالب مرتبط راهنمای کامل EM و REM انتخاب […]
واحدهای مطلق
ویژگی های سی اس اس فقط می توانند مقادیر خاص مربوط به خود را قبول کنند. مقادیری مثل کلمات کلیدی, آدرس, رنگ و یا یک عدد. زمانی که یک عدد را برای یک ویژگی تعریف می کنیم در بیشتر مواقع نیاز است تا واحد آن عدد را نیز مشخص کنیم. مطالب مرتبط واحدهای نسبی
pseudo-element
pseudo-elementها کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. مطالب مرتبط گروه بندی انتخابگرها ترکیب انتخابگرها انتخابگر ویژگی pseudo-class
pseudo-class
pseudo-classها کلمات کلیدی هستند که به انتخابگرها برای تعیین یک حالت خاص از عنصر انتخاب شده, اضافه می شوند. این کلمات کلیدی, مشابه کلاس ها می باشند با این تفاوت که در HTML نوشته نمی شوند. مطالب مرتبط شروع کار با انتخابگرها گروه بندی انتخابگرها ترکیب انتخابگرها انتخابگر ویژگی
انتخابگر ویژگی
هر عنصر در صفحه می تواند ویژگی یا ویژگی هایی داشته باشد که ما در سی اس اس می توانیم از آن ویژگی ها برای انتخاب آن عنصر استفاده کنیم. در این مطلب به بررسی کامل این روش می پردازیم.
ترکیب انتخابگرها
یکی از امکاناتی که در اختیار ما قرار دارد ترکیب انتخابگرها بوسیله ترکیب کننده ها می باشد. در CSS ترکیب کننده هایی از قبیل +, ~ و < وجود دارند که به ما این امکان را می دهند تا در استفاده از انتخابگرها پارا کمی فراتر قرار دهیم. مطالب مرتبط شروع کار با انتخابگرها گروه […]
گروه بندی انتخابگرها
گروه بندی انتخابگرها به این معنی است که اگر برای دو یا چند انتخابگر استایل های یکسان وجود دارند می توان آن انتخابگرها را گروه بندی کرد تا از نوشتن کد تکراری جلوگیری شود. مطالب مرتبط شروع کار با انتخابگرها ترکیب انتخابگرها pseudo-class pseudo-element
شروع کار با انتخابگرها
انتخابگرها یکی از مهمترین و قدرتمندترین قسمت های CSS هستند. یک انتخابگر الگویی است که به ما اجازه می دهد تا از طریق آن عناصر HTML را انتخاب کنیم تا بتوانیم استایل بر روی آن عناصر اعمال کنیم. به بیان دیگر از طریق انتخابگرها می توانیم عناصر HTML را برای استایل دهی هدف قرار دهیم. […]
اعمال افکت بر روی عناصر در زمان ورود به Viewport
قطعا تا الان در سایت های زیادی مشاهده کرده اید که وقتی صفحه را اسکرول می کنید به محض اینکه یک عنصر کاملا درون صفحه نمایش قرار می گیرد افکتی بر روی آن اجرا می شود. در این مطلب یکی از روش های انجام این کار را بررسی می کنیم.