با عرض سلام و خسته نباشید خدمت شما دوستان عزیز
امروز اومدیم خدمت شما با یه آموزش کاربردی دیگه توی حوزه ی برنامه نویسی وب , و این بار اولین مقاله ی آموزش کوتاه css خودمون رو منتشر کردیم
امیدواریم که این آموزش در ادامه به درد شما بخوره و بتونید ازش استفاده ی لازم رو ببرید :)
توی این آموزش اومدیم که با هم دیگه مهم ترین دستورات css رو براتون باز گو کنم و لیستشون رو بهتون نشون بدم :
همونطور که میدونین Css زبانی هست برای استایل دهی به صفحات وب و هیچ وب سایتی نیست که Css نداشته باشه 
کدنویسی Css به این شکل هست که یک المنت از Html رو انتخاب میکنیم و استایل مدنظرمون رو بهش میدیم .
ویژگی های مربوط به انیمیشن Animation ها :
animation :
برای خلاصه نویسی ۸ ویژگی زیر
animation-duration :
مدت زمانی که باید طول بکشد تا انیمیشن تمام شود
animation-timing-function
یک منحنی زمانی برای اجرای انیمیشن مشخص میکند
animation-iteration-count
تعداد دفعات اجرای انیمیشن
خاصیت های مربوط به Layout
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 اومدیم و سعی کردم که یه گلچین خیلی خاص و جذاب براتون معرفی کنم ...
امیدوارم که تا اینجای کار لذت کافی رو برده باشید
تا آموزش و مقاله ی بعدی , خدانگهدار :)