css چیست به زبان ساده

اگه بخوای یک طراح سایت بشی قطعا باید به زبان css تسلط کافی پیدا کنی. در ادامه با هم بررسی می‌کنیم که css چیست به زبان ساده و چه کاربردی داره.

css مخفف چیه

css مخفف کلمه ی Cascading Style Sheets که معنیش میشه برگه های سَبک آبشاری خیلیی به معنیش کار نداشت باشید بریم ببینیم چیکار میکنه.

کاربرد css چیه

اگر با HTML هیچ آشنایی نداری اول مقاله HTML چیست رو بخون اما بخوام مختصر بت بگم زبان HTML اسکلت اولیه سایت ما رو میسازه و این اسکلت اولیه هیچ ظاهر دلنشینی نداره اگر بخوای هر چیزی رو تو صفحه وب رنگشو، جاشو، اندازشو، و هر چیز که مربوط به ظاهر سایت باشه رو مشخص کنی باید از زبان css استفاده کنی یه مثال میزنم که متوجه بشی

تشبیه ساختار سایت به بدن انسان

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

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

اها این شد میبینی دقیقا css همچین کاری با سایت ما میکنه قشنگش میکنه میتونی با css مشخص کنی هر المنت چطور باشه چه رنگ باشه

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

چند مثال از کد نویسی css

کد زیر برای قرمز کردن هر متنیه که در صفحه وب وجود داره چون برای تگ body تعریف شده

body{
    color: red;
}

کد زیر از که اسمشم مشخصه برای ابی کردن بک گراند صفحه وبه

body{
    background-color: blue;
}

پس css به ما کمک میکنه سایت هایی با ظاهر زیبا تر برای کاربرانمون بسازیم .