0

برای مشاهده لیست وارد شوید...

مشاهده محصولات فروشگاه
0

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

آشنایی با CSS

دسته بندی ها : آموزش 15 اسفند 1398 نگارین آرین فر 169 بازدید
blank

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

CSS مخفف چیست؟

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

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

blank

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

blank

 

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

 

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

blank
نگارین آرین فر

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) عضویت در کانال

مطالب زیر را حتما بخوانید:

قوانین ارسال دیدگاه در سایت

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

نظرات کاربران

    دیدگاهتان را بنویسید

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

    لینک کوتاه :
    0