سبد خرید
0

هیچ محصولی در سبد خرید نیست.

تمام دسته ها
  • تمام دسته ها
  • اسکریپت
  • افزونه whmcs
  • افزونه جوملا
  • افزونه رایگان جوملا
  • افزونه رایگان وردپرس
  • افزونه وردپرس
  • بدون دسته‌بندی
  • تخفیف های رویایی
  • طرح های لایه باز
  • قالب HTML
  • قالب WHMCS
  • قالب جوملا
  • قالب رایگان جوملا
  • قالب رایگان وردپرس
  • قالب کودکانه
  • قالب وردپرس
  • موکاپ
  • وکتور

آشنایی با CSS

CSS فارسی

hگر تازه شروع به طراحی سایت کرده اید،حتما با CSS آشنا شده اید و این سوال برایتان پیش آمده که CSS چیست و چرا باید آن را فرا گرفت.آشنایی با CSS چه کمکی به من میکند؟همان طور که در مقاله آشنایی با HTML گفته شد،زبان برنامه نویسی CSS مکمل و ادامه دهنده راه HTML‌ برای طراحی یک سایت حرفه ای و کاربر پسند می باشد.اگر به مثال ساختمان را از مقاله آشنایی با HTML به یاد داشته باشید.در واقع CSS ویژگی های همان مصالح و مواد مورد نیاز ساختمان است .به تعبیری برای زیبایی و بهتر دیده شدن صفحات وب سایتتان باید سی اس اس را فرابگیرید.

CSS مخفف چیست؟

CSS مخفف Cascading Style Sheet (برگه های ابشاری) است، که ابزاری برای چشم نواز کردن صفحات وب سایت شما است . خصوصیتی که این زبان دارد این است که اگر ویژگی برای المانی در یک صفحه تعریف کردید،این ویژگی به گونه ای به همان المان در صفحات دیگر نیز به ارث میرسد.برای ایجاد یک صفحه CSS‌ که بتوان در آن کدهای لازم را نوشت ،دو باره باید به مقاله قبلی تحت عنوان آشنایی با HTML‌ مراجه شود. در همان پوشه ای که فایلی با پسوند .html ساختید هم یک فایل با پسوند  .css نیز ایجاد کنید.حال شما یک فایل سی اس اس برای وب سایتتان دارید که به راحتی میتوانید هر گونه تغییراتی را که مایل بودید ، برای وب سایتتان اعمال نمایید و به نوعی سایتتان را سفارشی سازی کنید.

حال شاید برایتان این سوال پیش آید که در این فایل CSS‌ چه باید نوشت؟ خبر خوشایند این است که منطق بسیارساده ای در نوشتن کدهای آن وجود دارد.کافی است شما فقط در قسمت HTML کلاس هایی را که برای طراحی وب سایتتان تعریف کرده اید ،در سی اس اس طبق قرارداد بین المللی آن کلاس ها را وارده و برایشان ویژگی مورد نظر را نوشته و مقدار دهی میکنیم.به همین سادگی ….،برای درک بهتر به مثال زیر که نمونه ای از یک قطعه کد CSS‌ است توجه کنید:

1 1

خوب همان طور که مشاهده میکنید،دو کلاس body و a تعریف کردیم و در داخل بلوکشان به خصوصیاتشان مقدار داده ایم.نکته دیگر که لازم است مد نظر قرار دهیم ، اتصال دو فایل CSS و HTML‌به هم می باشد.با قطعه کد زیر به این مقصود میرسیم :

2 1

 

  • css همان فایلی است که کدهای CSS را در آن مینویسیم.
  • text/css این کد نشان میدهد که نوع فایل سی اس اس است.

 

به همین راحتی و با کمی تمرین میتوانید خیلی سریع وب سایت خود را طراحی و از آن لذت ببرید.

آواتار
192

من علی کیانی هستم لیسانس نرم افزار دارم. 8 ساله که طراحی سایت انجام میدم و عاشق برنامه نویسی و طراحی سایتم. من با انگشتانم میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان ادامه داره ...

ارسال دیدگاه

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

توسط
تومان