مهم ترین دستورات CSS | بهترین ها و کوتاه ترین

مهم ترین دستورات CSS | بهترین ها و کوتاه ترین

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

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

توی این آموزش اومدیم که با هم دیگه مهم ترین دستورات css رو براتون باز گو کنم و لیستشون رو بهتون نشون بدم : 

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

ویژگی های مربوط به انیمیشن Animation ها :

animation :

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

animation-duration :

مدت زمانی که باید طول بکشد تا انیمیشن تمام شود

animation-timing-function

یک منحنی زمانی برای اجرای انیمیشن مشخص میکند

animation-iteration-count

تعداد دفعات اجرای انیمیشن


خاصیت های مربوط به Layout

لیست دستورات زبان css

width

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

height

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

max-height و max-width

برای تعیین طول و عرض حداقلی المنت استفاده میشه

max-height و max-width

برای تعیین طول و عرض حداقلی المنت استفاده میشه

margin

برای تعیین فاصله المنت از جهات مختلف استفاده میشه، با این خاصیت میتونین فاصله المنت رو از 4 جهت صفحه کنترل بکنین

margin-left, margin-right, margin-top, margin-bottom

از این دستورات برای تعیین فاصله المنت از پایین، بالا، راست و چپ استفاده میشه

padding

برای تعیین فاصله داخلی المنت استفاده میشه، با این خاصیت میتونین فاصله داخلی المنت رو از 4 جهت مختلف کنترل کنین

padding-left, padding-right, padding-top, padding-bottom

از تک تک این خاصیت ها برای تعیین فاصله داخلی المنت از جهت های پایین، بالا، راست و چپ استفاده میشه

position

برای تعیین موقعیت(محل قرارگیری) المنت استفاده میشه

top, left, right, bottom

همون طور که از اسمشون پیداست، از این 4 خاصیت برای تعیین فاصله المنت از جهت های مختلف استفاده میشه

opacity

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

visibility

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

display

توضیح در مورد این خاصیت یکم سخته! میتونم بگم برای تعیین نحوه عرض گیری و نحوه نمایش المنت استفاده بشه، اگه به این خاصیت مقدار none داده بشه، المنت مدنظرتون نمایش داده نمیشه

overflow

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

z-index

برای تعیین ترتیب نمایش المنت ها استفاده میشود زمانی حالتی اتفاق میفتد که المنت ها روی هم قرار بگیرند، این خاصیت ترتیب نمایش المنت ها مشخص میکنه


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

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


خب دوستان توی این پارت از این مقاله یعنی , لیست دستورات css اومدیم و سعی کردم که یه گلچین خیلی خاص و جذاب براتون معرفی کنم ... 

امیدوارم که تا اینجای کار لذت کافی رو برده باشید 
تا آموزش و مقاله ی بعدی , خدانگهدار :) 

از بهترین نوشته‌های کاربران سکان آکادمی در سکان پلاس