HTML
  • عنوان دوره : آموزش CSS به همراه پروژه
  • مدرس : محمد کاظمی
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • قسمت های ارسالی : 51
  • طول دوره : 57 : 49 : 07
  • قیمت دوره : رایگان
عضویت رایگان

آموزش 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 کنید تا آنها را با مرورگرهای آینده سازگار کنید.

 

 

 


سر فصل ها :

برای گذاشتن نظر ابتدا باید در سایت عضو شوید یا به اکانت کاربری خود وارد شوید

hasti

1 ماه پیش

سلام خسته نباشید در بخش grid ویدیو 7و9 پخش نمیشه

محمد

1 ماه پیش

سلام استاد وقت بخیر استاد دوره css ویدیو (طول و ستونها روی grid) بالا نمیاره لطف کنید بررسی کنید ممنون از دوره های خوبتون.

ali

1 ماه،1 هفته پیش

سلام خسته نباشید در بخش grid ویدیو 7و9 پخش نمیشه

sadra

2 ماه،2 هفته پیش

ویدیو 6 تست ها در پایه سی اس اس با ویدیو 3 سطر و ستون ها در گرید از واکنش گرایی یکی هستن

moon light

5 ماه پیش

سلام خیلی ممنون بابت این آموزش. فقط فکر کنم justify content رو نذاشتین ولی تو فیلم گفتین توضیح دادیم.

محمد

پیش در پاسخ به moon light

بخش مربوط به گرید یا شبکه بندی رو هنوز نگفتم ، وقت کنم اون رو هم میگم

در دست احداث...
دوره های پیشنهادی
آموزش HTML رایگان و به همراه پروژه

HTML یا Hyper text markup language یک زبان نشانه گذاری برای ایجاد بخش های صفحات وب هست. با استفاده از عناصر مختلفی که در این زبان وجود دارد می توانیم صفحات وب را طراحی کنیم …

صد روز با جاوا اسکریپت

توی این دوره قراره جاوا اسکریپت رو که زبان برنامه نویسی بسیار محبوب این روزهای دنیاست با هم یاد بگیریم این دوره برای چه کسانی مناسبه؟ این آموزش از صفر هست و برای کسانی که …