آموزش CSS(سی اس اس)

ارسال شده در: دسته بندی نشده | 0

طراحی سایت همراه با آموزش CSS(سی اس اس)

قسمت دوم آموزش مقدماتی CSS

در این قسمت به بررسی ساختار کد نویسی در CSS می پردازیم ، وبخش های مختلف یک کد CSS را برای نوشتن دستورات مختلف CSS،که در طراحی قالب ( طراحی سایت ) یک سایت به آن ها  نیاز داریم را بررسی می کنیم در ادامه این آموزش EDITOR(ویرایشگر) هایی را که بوسیله ی آن ها می توان کد های CSS را ویرایش کرد معرفی می کنیم ، در ادامه مثالی از نحوه کد نویسی در CSS نیز بیان می کنیم.

طراحی سایت با سی اس اس

آموزش CSS(سی اس اس)-حل یک مشکل بزرگ توسط CSS

HTML هرگز در نظر نداشت که توسط تگ ها،صفحات را قالب بندی کند.

بلکه تنها می خواست توسط تگ ها تنها بدنه اصلی و محتویات یک سند را نمایش دهد.

زمانی که تگ های صفحه بندی مانند: Colorو… به HTML 3.2 اضافه شد طراحان وب با مشکل بزرگی مواجه شدند.

برای حل این مشکل،CSS (سی اس اس) توسط کنسرسیوم W3Cیا(world wide web) ایجاد شد.

آموزش CSS(سی اس اس) در طراحی سایت -نحوه انجام دستورات

CSS در اصل مشخص می کند،که عناصر HTML چگونه نمایش داده شوند.

همان طور که قبلا گفته شد فایل های CSS با فرمت( CSS.) در فایل های جداگانه ذخیره میشوند.

این کار برای ما این امکان را فراهم می آورد که با تغییر یک فایل ظاهر و قالب بندی تمام صفحات یک سند را تغییر دهیم.

طراحی سایت با سی اس اس

آموزشCSS(سی اس اس)-ساختار (syntax)دستورات CSS

یک دستور در CSS از دوقسمت اصلی تشکیل شده است.

  1. گزینشگر یا (selector)
  2. اعلان یا (Declaration)

 

طراحی سایت با سی اس اس
طراحی سایت با سی اس اس

selector همان تگ HTML است که می خواهیم قالب بندی کنیم.

هر Declaration شامل دو قسمت است:

  1. Property
  2. Value

Property در واقع یک ویژگی است،که قرار است آن را تغییر دهیم.

آموزشCSS(سی اس اس)-یک مثال ساده از CSS

a{

color:pink;

text-align:center;

}

در ادامه به توضیح هریک از این موارد می پردازیم.

آموزش CSS(سی اس اس) -ویراشگرهای CSS

  1. NOTEPAD
  2. ++NOTPAD
  3. WEB storm
  4. php storm

توجه :در بین ویرایشگرهایی که ذکر شد ویراشگر php storm توصیه می شود.

اما از تمام این محیط ها می توان برای CSS استفاده کرد.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *