آموزش CSS به همراه پروژه

CSS چیست؟

CSS مخفف عبارت Cascading Style Sheets به معنی برگه های سبک آبشاری است. این زبان برای توصیف صفحات وب، از جمله رنگها، طرح بندی و فونت ها است، بنابراین صفحات وب ما را برای کاربران قابل ارائه می کند.

چرا از CSS استفاده کنیم؟

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

قبل از ظهورCSS، تقریباً تمام ویژگی های نمایشی اسناد HTML در نشانه­ گذاری HTML قرار می­گرفتند؛ باید همه ویژگی­ ها رنگ قلم، سبک های پس زمینه، تراز عناصر، حاشیه ­ها و اندازه ­ها به وضوح در HTML توضیح داده می­شد.

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

برای حل این مشکل، CSS در سال ۱۹۹۶ توسط کنسرسیوم شبکه جهانی وب (W3C) معرفی شد. CSS برای امکان تفکیک بین نمایش و محتوا طراحی شده است. اکنون طراحان وب می توانند اطلاعات قالب بندی صفحات وب را به یک شیوه نامه جداگانه منتقل کنند که در نتیجه آن نشانه گذاری HTML به طور قابل توجهی ساده تر و قابلیت نگهداری بهتر می شود.

CSS3  جدیدترین نسخه از ویژگی های CSS است. CSS3 اصلاحات و ویژگی های جدیدی را برای بهبود قابلیت های نمایش وب اضافه کرده است.

مزایای CSS

• CSS در زمان صرفه جویی می کند: می توانید یک بار CSS بنویسید و سپس از همان برگه در چندین صفحه HTML استفاده مجدد کنید. شما می توانید برای هر عنصر HTML یک استایل تعریف کنید و آن را به تعداد صفحات وب که می خواهید اعمال کنید.​

​

• صفحات سریع تر بارگذاری می شوند: اگر از CSS استفاده می کنید، لازم نیست هر بار ویژگی های تگ HTML را بنویسید. فقط یک قاعده CSS از یک تگ بنویسید و آن را برای همه موارد آن تگ اعمال کنید. بنابراین کد کمتر به معنای زمان دانلود سریعتر است.

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

• سبک های برتر به HTML: CSS دارای آرایه های بسیار گسترده تری از ویژگی ها نسبت به HTML است، بنابراین می توانید در مقایسه با ویژگی های HTML ظاهر بسیار بهتری به صفحه HTML خود بدهید.

• سازگاری چند دستگاه: برگه های استایل اجازه می دهند محتوا برای بیش از یک نوع دستگاه بهینه شود. با استفاده از یک سند HTML، نسخه های مختلف یک وب سایت را می توان برای دستگاه های دستی مانند PDA و تلفن های همراه یا برای چاپ ارائه کرد.

• استانداردهای جهانی وب: اکنون ویژگی های HTML منسوخ شده اند و توصیه می شود از CSS استفاده کنید. بنابراین ایده خوبی است که شروع به استفاده از CSS در تمام صفحات HTML کنید تا آنها را با مرورگرهای آینده سازگار کنید.

سر فصل ها :