Tibe Group
Digital Marketing

css چیست ؟

CSS چیست؟

css

css

به نام خداوند مهربان

 css چیست ؟  اولین سوالی که با خوندن عبارت سی اس اس از خودمون می پرسیم اینه که اصلا سی اس اس مخفف چیه و چه معنی ای داره؟ css مخفف عبارت انگلیسیه  Cascading Style Sheets هست که اگر بخواهیم ترجمه اش کنیم، می شه برگه های آبشاری. برای تبدیل شدن به یه طراح سایت حرفه ای یاد گیری و آموزش css لازمه. البته این رو هم باید بگم که یاد گرفتن css به تنهایی کافی نیست و باید ویژگی های یه سایت خوب از جمله روان شناسی رنگ ها در طراحی رعایت بشه. در جواب این که css چیست باید بگم یه زبان نشانه گذاری برای کمک به html هست.

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

چرا برگه های آبشاری؟

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

سی اس اس چی کار می کنه؟

فرض کنید که یک داکیومنت دارید که به زبان نشانه گذاری نوشته شده. وظیفه سی اس اس اینه که این داکیومنت رو بهتر و قابل فهم تر ارائه بده. در مقاله های قبلی توضیح دادیم که HTML یک زبان نشانه گذاریه که هسته اصلی یک صفحه رو می سازه.

وقتی بخش های مختلف صفحه و قالب سایت با HTML مشخص شد، css کارش شروع می شه. میره سراغ ظاهر سایت و اون رو درست می کنه. رنگ دادن به صفحه، اندازه متن و جای قرارگیری اون رو  css تعیین می کنه. بنابراین CSS همراه اچ تی ام ال قرار می گیره و یک سایت مناسب به ما تحویل میده. در نتیجه آموزش css در کنار html ضروریه.

اجزای یک کد سی اس اس

هر کد سی اس اس از selector و Declaration ساخته شده. selector همون عنصر اچ تی ام اله که در کنار کدهای سی اس اس نوشته می شه. بخش Declaration داخل علامت های {} قرار می گیرن. مثلا می خواهید قسمتی از متنتون قرمز رنگ باشه و فونت ۱۱ داشته باشه. همه مشخصات این جوری داخل { } قرار می گیرن.

سی اس اس

CSS

نسخه های مختلف

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

نسخه ۱

اولین سی اس اس در سال ۱۹۹۶، تحت عنوان css1 به توسعه دهندگان وب پیشنهاد شد. با css1 می تونستید، فونت، رنگ و پس زمینه رو مشخص کنید. همچنین تصاویر رو تنظیم کنید، حاشیه بگذارید و ویژگی ها رو دسته بندی کنید. الان دیگه css1 کاربری خاصی نداره و انجمن توسعه دهندگان وب نیز اون رو توصیه نمی کنن.

نسخه ۲

CSS2 هم خیلی شبیه به نسخه اوله و توسعه دهندگان وب دیگه اون رو پیشنهاد نمی کنن. به کمک سی اس اس ۲ می تونید انواع جایگذاری ها رو مشخص کنید، فایل های چند رسانه ای رو تنظیم کنید، متن رو راست چین کنید، و یا اجسام رو در حالت ثابت یا متغیر بگذارید.
از اونجا که css 2 نیز مانند نسخه های اولیه هر چیز دیگری، اشکالات و مشکلاتی داره، بنابراین نسخه سی اس اس ½ به عنوان اصحلایه سی اس اس ۳ معرفی شد و وب مستران هم تاییدش کردند.

نسخه ۳

به نظرتون نسخه سوم css چیست و دقیقا چه تفاوتی با قبلی ها داره؟ بعد از تغییرات جزئی css 2، سی اس اس ۳ در سال ۱۹۹۹ به دنیای وب معرفی شد. این نسخه براساس ماژول ها طراحی شده بود و امکانات متنوعی داشت. به علاوه کد ها در این نسخه کوتاه تر و کم حجم تر شده بودن.

نسخه ۴

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

آیا برگه های آبشاری هیچ مشکلی ندارند؟

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

مشکلات در مرور گر

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

همون طور که می دونید اینترنت اکسپلورر زمانی یکی از محبوب ترین مرورگرها بود. این مرورگر از نسخه ۳ سی اس اس پشتیبانی می کرد. بعدا در سال ۲۰۰۸، زمانی که هشتمین نسخه Internet Explorer معرفی شد، این مرورگر از css 2,1 نیز پشتیبانی می کرد.

سی اس اس چیست

سی اس اس چیست

چرا باید از برگه های آبشاری استفاده کنیم؟

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

می شه گفت که CSS و HTML دو یار یا دو ابزار جدا نشدنی هستند که بدون اونا نمی تونید کار طراحی سایت رو شروع کنید. css کار شما رو راحت تر می کنه. دیگه مجبور نیستید برای هر تغییر کوچیک در ظاهر سایت، یک استایل جدید در html وارد کنید.

چه جوری از این زبان استفاده کنیم؟

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

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

دوما، پهنای باند کمی در هاست استفاده می شه. سوما به روز رسانی خیلی راحت انجام میشه و در نهایت استایل ها و مطالب سایت از هم جدا می شن. برای اینکه بخواهید از این روش استفاده کنین، ابزارهای مختلفی وجود داره. مثلا می تونید از notepad یا DreamWeaver استفاده کنین. کدهای css بدون تگ اچ تی ام ال در این فضاها نوشته می شن.

برای آموزش css مجموعه تایب در خدمت شماست، می توانید به راحتی در قسمت آموزش ثبت نام کنید.

بهاره صفوی — عضو تیم طراحی سایت تایب

به ما اعتماد کنید

رویایت را به جهان نشان بده !

Present your dream to the world

واحد پشتیبانی

در تمام مراحل قبل و پس از خرید می توانید از پشتیبانی رایگان تایب بهره مند شوید.

در رسانه های اجتماعی ما را دنبال کنید و از تخفیف های ویژه بهره مند شوید.

پستهای آموزشی تایب را از دست ندهید.

تایب چیست ؟

تایب که مخفف عبارت تیم اینترنتی برتر است یک تیم حرفه ای است که خدمات متفاوتی ارائه می دهد.

برخی خدمات آژانس دیجیتال مارکتینگ تایب عبارتند از طراحی سایت، مشاوره راه اندازی و توسعه کسب و کارهای اینترنتی و آموزش در زمینه های برنامه نویسی، طراحی و توسعه سایت و دیجیتال مارکتینگ.

شماره تماس

۰۹۳۳۸۶۱۶۹۶۶

تایب چیست؟

آژانس دیجیتال مارکتینگ تایب به منظور خدمات طراحی سایت و مشاوره ی راه اندازی و توسعه کسب و کارهای اینترنتی و همچنین آموزش برنامه نویسی، طراحی سایت و دیجیتال مارکتینگ شکل گرفته است؛ نام تایب مخفف عبارت تیم اینترنتی برتر است.

واحد پشتیبانی

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

در رسانه های اجتماعی مقالات تایب را دنبال کنید و از تخفیف های ویژه بهره مند شوید.