آموزش گام به گام CSS – فصل اول: معرفی CSS

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

آموزش گام به گام CSS – فصل اول: معرفی CSS
  • سی اس اس مخفف Cascading Style Sheets است.
  • سی اس اس چگونگی نمایش المان های اچ تی ام ال در صفحه وب را به مرورگر توضیح می دهد.
  • سی اس اس کار را بسیار ساده می کند و میتواند لایه بندی چند صفحه وب را با هم انجام دهد.
  • Stylesheet ها یا برگه های استایل در فایلی با پسوند .css ذخیره می شوند.

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

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

سی اس اس به شما کمک می کند تا صفحات وب زیبا را با سرعت هرچه تمام تر و نیاز به کد های کمتر بسازید.

سی اس اس یک مشکل بزرگ را حل کرده

اچ تی ام ال هیچ وقت قصد نداشت تگ ها را برای قالب بندی یک صفحه وب استفاده کند. زبان اچ تی ام ال فقط ساخته شد تا محتوای یک صفحه ی وب را به مرورگرها توضیح دهد. مثل :

<h1>in yek sarfasl ast</h1>

<p>in yek paragraph ast</p>

وقتی تگ <font> و خاصیت های مرتبط با رنگ به مشخصات اچ تی ام ال 3.2 اضافه شد، یک کابوس برای توسعه دهنده های وب شروع کرد. توسعه وبسایت های بزرگ که دارای تعداد صفحات زیادی بودند و هر صفحه ممکن بود تغییراتی در استایل داشته باشد، به یک پروسه طولانی و پرخرج تبدیل شد.

برای حل کردن این مشکل گروه world wide web (w3c)، سی اس اس را به وجود آورد.

سی اس اس نوشتن استایل با استفاده از اتریبیوت های مرتبط، بر روی هر تگ، را حذف کرد.

اگر شما نمی دانید اچ تی ام ال چیست و چگونه کار می کند، توصیه می کنیم آموزش اچ تی ام ال نتران را بخوانید.

سی اس اس طراحی وب را خیلی آسان تر می کند!

استفاده از خاصیت های مرتبط با استایل، بر روی هر تگ، کد های شما را بی نهایت پیچیده و طولانی خواهد کرد. از زمان های قدیم، برای استایل دادن به تگ های مختلف، از CSS استفاده می شود.

استایل ها به صورت طبیعی در فایل .css خارجی ذخیره می شود. با استفاده از CSS شما می توانید ظاهر کل یک سایت را فقط با تغییر دادن یک فایل عوض کنید. همین طور قاطی نکردن کد های HTML با کد های CSS به شما کمک می کند تا ظاهری مرتب در کدهای خود ایجاد کنید.

ویدیوها و مطالب مشابه