آشنایی با CSS گروه طراحی یک طرح

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

CSS مخفف چیست؟

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

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

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