CSS چیست؟
در پاسخ به سوال CSS چیست باید گفت: در واقع CSS یک زبان کمکی برای توصیف عناصر ظاهری و بصری HTML می باشد، بدین معنا که شما با استفاده از CSS نمای سایت خود را بصورت سفارشی تر طراحی خواهید کرد. بنابراین همانطور که در مقاله HTML چیست اشاره نمودیم ما به کمک HTML ساختمان و اسکلت سایت را بنا نهاده و سپس با به کمک کد های CSS ظاهر و نمای سایت را طراحی می کنیم.
CSS زبان کد نویسی همیشه همراه HTML است. زبانی که توسط کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان استفاده از HTML تا به الان بوجود آمده است پیشنهاد شده. درواقع از آنجا که HTML برای طراحی و زیبا سازی صفحات وب دارای نقاط ضعف و خلاء های بسیاری است، شما نیاز دارید که از زبان های سازگار دیگری مثل زبان سی اس اس استفاده کنید تا بر برخی مشکلات فائق آمده و بتوانید شخصی سازی مورد نظر خودتان را انجام دهید.
زبان CSS زبانی است که به کمک آن قادر خواهید بود که یک فرمان را در قالب یک استایل (Style) نوشته و به تمام صفحات وبتان تحمیل کنید. برای اینکه این موضع را بهتر درک کرده و با برخی نقاط ضعف HTML که توسط زبان سی اس اس مرتفع می گردد آشنا شوید به مثال زیر توجه کنید.
تصور کنید که یک وب سایت استاتیک ۲۰۰ صفحه ای را به کمک HTML ساخته اید. بعد از چند روز تصمیم می گیرد تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی در عمل شما باید به ۲۰۰ صفحه و احتمالا بیش از چند صد خط کد سر بزنید تا این کار را انجام دهید. اینجاست که زبان CSS به کمک شما خواهد آمد. شما بجای تغییر صد ها کد در HTML کافی است کد فرمان مورد نظر را در فایل CSS بنویسید تا روی تمام صفحات وب سایت اعمال گردد.
Css مخفف چیست ؟
واژه CSS مخفف cascading style sheets به معنی برگه های سبک آبشار یا برگه های آبشاری می باشد. به زبان CSS زبان برنامه نویسی ظاهری (Style Sheet Language) نیز می گویند.
شاید با خودتان فکر کنید چرا برگه های آبشاری؟
علت نامگذاری CSS و استفاده از صفت Cascading (آبشاری) در این اسم، نحوه اعمال دستورات به عناصر موجود در صفحه است. قوانین این زبان به صورت آبشاری یا از بالا به پایین اعمال می شوند. شما برای اعمال دستورات CSS به عناصر HTML می بایست از بیرونی ترین عنصر به ترتیب به عناصر داخلی آن دسترسی پیدا کنید که تداعی کننده حالت آبشاری است که در ادامه با مطالعه شیوه استفاده از کد های CSS این موضوع را بهتر متوجه خواهید شد.
کاربرد زبان CSS
برگههای CSS در واقع مسئولیت ایجاد ظاهر سایت را به عهده دارند و رنگ، اندازه و محل قرارگیری متون و دیگر تگ های تعریف شده در HTML را تعیین می نمایند.
شما به کمک زبان CSS می توانید برای صفحه خود در مدیا های مختلف ویژگی های مختلفی در نظر بگیرید (ریسپانسیو سازی). بنابراین به کمک سی اس اس شما این قدرت را خواهید داشت که ظاهر وب سایت خودتان را به هر شکل دلخواهی درآورید.
کاربردهای رایج سی اس اس
- تعین فونت
- تعین رنگ پیش زمینه و پس زمینه
- تعیین فاصله و حاشیه عناصر صفحه
- تعیین عرض و ارتفاع
- تعیین تصویر پس زمینه
- تغییر موقعیت قرار گیری عناصر صفحه
- چپ چین و راست چین کردن عناصر
مزایای CSS
زبان CSS باعث ایجاد تحولات و پیشرفت های زیادی در دنیای طراحی وب گردید است بطوریکه می توان گفت یکی از مفید ترین و پر کاربرد ترین ابزارها در حوزه طراحی وب می باشد.
یکی از بزگ ترین مزایای CSS صرفه جویی در وقت و انرژی طراحان وب و افزایش سرعت بارگذاری صفحات وب می باشد به این صورت که می توان تمامی ویژگی های ظاهری مدنظر برای سایت را در قالب یک برگه CSS نوشت و به تمامی صفحات مورد نیاز اختصاص داد.
خوب است بدانید در گذشته طراحی و چیدمان عناصر صفحات وب، از طریق جدول انجام میگرفت. جدول ها مشکلات زیادی از جمله حجم بالای پردازش و بدنبال آن کاهش سرعت سایت داشتند و به این خاطر با ظهور CSS کاملا منسوخ شدند.این ویژگی منفی وب سایت هایی بود که با جدول پیاده سازی می شدند.
در مقابل در وب سایتی که با کدهای CSS پیاده سازی می شود، عناصر یکی پس از دیگری در هنگام بارگزاری بر روی صفحه پدیدار میشوند و کاربر از لحظه درخواست میتواند مشغول مطالعه و مشاهده وب سایت باشد تا زمانی که بارگزاری کامل شود.
از دیگر مزایای CSS می توان به افزایش سئو سایت اشاره نمود.
مزایای CSS بطور خلاصه:
- طراحی ظاهر صفحات بدون استفاده از دستورات HTML
- جلوگیری از تکرار دستورات
- سرعت بارگذاری بیشتر برای صفحات
- استفاده از فایل CSS خارجی جهت تغییر ظاهر هر تعداد صفحه ای که مایل هستیم
- بهبود سئو سایت