مهدی غفاری
مهدی غفاری
خواندن ۳ دقیقه·۳ سال پیش

لیست دستورات css | خلاصه 2021

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

در آموزش امروز , میخواهیم خدمت شما عزیزان بیاییم و یه لیست از دستورات css و بنویسیم که این لیست جزو مهم ترین و بهترین دستورات css هستند .

همونطور که میدونین Css زبانی هست برای استایل دهی به صفحات وب و هیچ وب سایتی نیست که Css نداشته باشه ...

کدنویسی Css به این شکل هست که یک المنت از Html رو انتخاب میکنیم و استایل مدنظرمون رو بهش میدیم , قبل از استایل دهی به المنت باید روش های انتخاب المنت رو بلد باشین، پس ابتدا انتخابگر های Css رو یاد بگیرین و بعدا این مقاله رو مطالعه کنین .




ویژگی های مربوط به Border ها :

border

برای خلاصه نویسی ۳ ویژگی زیر

border-radiusبرای خلاصه نویسی ۴ ویژگی زیر
border-rightبرای خلاصه نویسی ۳ ویژگی زیر
border-imageبرای خلاصه نویسی ۵ ویژگی زیرborder-bottom-right-radiusبرای گرد کردن لبه پایین سمت راست
برای گرد کردن لبه بالا سمت چپborder-top-styleشکل شمایل بوردر بالا ( خط دور لبه ) عنصر را مشخص میکند
border-top-widthاندازه بوردر بالا ( خط دور لبه ) عنصر را مشخص میکند
border-rightبرای خلاصه نویسی ۳ ویژگی زیر
border-right-colorرنگ بوردر راست ( خط دور لبه ) عنصر را مشخص میکند
border-right-styleشکل شمایل بوردر راست ( خط دور لبه ) عنصر را مشخص میکند
border-right-widthاندازه بوردر راست ( خط دور لبه ) عنصر را مشخص میکند




خاصیت های مربوط به متن :


Color

این خاصیت برای تغییر رنگ متن المنت استفاده میشه؛ به این خاصیت میتونین به صورت های مختلف مثل اسم رنگ، کد رنگ، rgb، rgba و … مقدار بدین و استایل داده شده به تگ مد نظر شما نسبت داده بشه.

text-align

این خاصیت از Css موقعیت متن داخل تگ رو تعیین میکنه، این که متن چپ چین، راست چین یا وسط چین باشد

line-height

این خاصیت ارتفاع متن رو تعیین میکنه

text-decoration

این خاصیت نحوه نمایش متن رو تعیین میکنه، زیر خط دار، بالا خط دار و ….

@font-face

این دستور برای تعریف یک فونت و تعیین اسم برای آن استفاده میشود

word-spacing

این خاصیت برای تعیین فاصله بین کلمات استفاده میشه

letter-spacing

این خاصیت برای تعیین فاصله بین حروف متون استفاده میشه

text-shadow

این خاصیت برای تعیین سایه به متن استفاده میشه

text-indent

این خاصیت برای تعیین مقدار تورفتگی متن استفاده میشه

font-family

برای تعیین نوع فونت یک المنت استفاده میشه

font-size

برای تعیین سایز متن استفاده میشه

font-weight

برای تعیین قدار ضخامت متن استفاده میشه




ویژگی های مربوط به فونت ها و متن ها Font / Text

توضیحمثالfontبرای برای تعریف نام فامیلی ، اندازه و.. فونت
font-face@برای تعریف فونت در یک صفحه وب
font-familyبرای تعریف نام فامیلی ( خانواده ) فونت
font-feature-settingsاعمال یکسری تنظیمات پیشرفته بروی فونتfont-kerningمیزان فضا ( فاصله ) بین کاراکترهای فونت را مشخص میکندfont-sizeاندازه فونت را مشخص میکند
font-size-adjustمیزان خوانایی فونت را به نسبت ابعاد صفحه مشخص میکند
font-stretchمیزان کشیدگی بین کاراکترهای فونت را مشخص میکندfont-styleاستایل / سبک فونت را مشخص میکند
font-variantمشخص میکند که متن با حروف بزرگ نمایش داده شود
font-variant-capsمشخص میکند که متن با حروف بزرگ نمایش داده شود
font-weightبرای مشخص کردن میزان وزن یک فونت
letter-spacingبرای ایجاد فاصله بین حروف / کاراکترهای متن
line-heightبرای ایجاد فاصله بین سطر ( لاین های ) متن
quotesاستایل نقل قول های جاسازی شده در متن را مشخص میکند
tab-sizeمیزان اندازه کلید Tab ( به ازای کلید Tab که فشرده شود )
text-alignتراز متن را بصورت افقی مشخص میکند
text-align-lastتراز سطر آخر متن را بصورت افقی مشخص میکند
text-decorationبرای خلاصه نویسی ۳ ویژگی زیر




تو این مقاله سعی کردم دستورات مهم Css رو براتون معرفی کنم،ولی همون طور که میدونین لیست دستورات Css فقط همینا نیستن و خیلی از موارد دیگه هم وجود دارن!
اگه سوال، انتقاد یا پیشنهادی در این مقاله داشتین تو کامنت ها برامون بنویسین


منبع : https://sabzlearn.ir/list-of-css-commands/

برنامه نویسیآموزش cssآموزش طراحی وب
علاقه مند به سطح اینترنت و برنامه نویسی
شاید از این پست‌ها خوشتان بیاید