Css چیست

css چیست؟

در ابتدا باید بدانید که Css مخفف چیست؟  سی اس اس مخفف Cascading Style Sheet (CSS) است. زبان css یک زبان طراحی صفحات وب برای ایجاد و ساخت مشخصات ظاهری اسناد و اطلاعات وب سایت می باشد. css یکی از رایج ترین و محبوب ترین ابزارهای طراحی صفحات وب سایت نوشته شده توسط زبان HTML و یا XHTML می باشد و همچنین از زبان های اسکریپت دیگری مانند plain XML، SVG و XUL نیز به خوبی پشتیبانی می نماید.

در کدنویسی با استفاده از CSS می‌توانید استایل سایت مثل رنگ، فونت، تصاویر پس زمینه و … را بصورت دلخواه تغییر دهید.

هدف و کاربرد css چیست ؟

هدف از تولید css در واقع جداسازی اطلاعات محتوا (که توسط زبانی مانند HTML نوشته شده اند) از اطلاعات ظاهری مانند صفحه بندی، رنگ و سایز و نوع فونت می باشد. این جداسازی موجب افزایش سرعت در دسترسی به سایت، انعطاف پذیری بیشتر برای کنترل ویژگی های ظاهری، قابلیت طراحی چندین صفحه با یک فرمت یکسان و جلوگیری از پیچیدگی و انجام کارهای تکراری در طراحی وب سایت می گردد.

کاربردهای CSS:

• تعیین ارتفاع و عرض
• طراحی رسپانسیو صفحات
• انتخاب پس زمینه
• انتخاب محل قرار گرفتن یک عنصر مانند متن یا عکس و…
• تعیین چیدمان نوشته ها (چپ چین، راست چین و…)
• مشخص کردن میزان فاصله ی عناصر از همدیگر
• تغییر در نوع نوشتاری (فونت، رنگ و…)

انواع CSS ها:

سی اس اس ها از نظر استفاده و پیاده سازی می توانند به سه روش نوشته شوند: CSS های داخلی، CSS های خارجی و CSS های درونی. هرچند مبانی آن ها برای نوشتن تقریبا ثابت و یکسان است اما آن ها به گونه های متفاوتی می توانند نوشته شوند و هرکدام مزایای و معایب مخصوص به خود را دارند.

• CSS های داخلی

CSS های داخلی، استایل هایی هستند که داخل خود صفحات وب (و نه در فایلی جداگانه) در میان کدهای HTML نوشته می شوند. این نوع از CSS با هر بار رفرش شدن مرورگر و یا باز شدن صفحه اینترنتی، از نو بارگذاری خواهند شد که می تواند سرعت بارگذاری را پایین آورد. ضمن آنکه استفاده از استایل های نوشته شده، قابل استفاده در صفحات دیگر نخواهد بود و تنها مختص به همان صفحه اینترنتی می باشد. اما این نوع از استایل ها مزایایی هم دارند. استفاده از استایل ها داخل خود صفحات وب، باعث خواهد شد که صفحات اینترنتی نیازی به هیچ فایل جانبی برای نمایش صحیح، نداشته باشند. چنین صفحاتی می توانند به عنوان یک تک فایل بر روی تمام مروگرها به درستی نمایش داده شوند.

• CSS های خارجی

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

• CSS های درونی

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

سخن پایانی

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