آموزش برنامه نویسی CSS به زبان ساده جلسه (1)

آموزش برنامه نویسی CSS به زبان ساده جلسه (1)

CSS زبانی است که چگونگی نمایش HTML در صفحه را مشخص می نماید.

CSS Syntax نحو CSS

Selector : Selector عنصری است که شما می خواهید چگونگی نمایش آن را تعیین کنید.
خصوصیت هایی که مقدار دهی می کنید را با علامت ; از هم جدا می نمایید.

Id Selector
برای اینکه در CSS به عناصر خصوصیتی را نسبت دهید بهتر است به آن عنصر Idاختصاص داده و با نام Id مقداردهی خود را انجام دهید.
Id باید منحصر به فرد باشد و برای انتخاب عنصر با نام Id آن باید از علامت # استفاده نمود. نام Id نمی تواند با عدد شروع شود.

Class Selector
یکی دیگر از روش های انتخاب عناصر اختصاصی دادن کلاس به آنهاست.
شما عناصر را در کلاس تعریف کرده و به کلاس خصوصیت نسبت می دهید.
برای انتخاب عناصر با کلاس آنها باید از علامت . استفاده نمایید.

اگر بخواهید برای چندین عنصر خصوصیت های یکسان تعریف نمایید می توانید این عناصر را به صورت گروه در نظر بگیرید:

گروه در نظر گرفتن عناصر سبب می شود کد نوشته توسط شما به حداقل برسد.
برای اینکه این عناصر را به صورت گروه در نظر بگیرید باید توسط , آنها را از هم جدا نمایید.

توضیحات در CSS
برای اینکه در CSS جلوی هر کد توضیحات بنویسید باید به صورت زیر عمل نمایید:

برای اضافه کردن کدهای CSS سه روش پیش روی شماست که شما از هر روشی که راحت تر باشید می توانید کدهای CSS را اضافه نمایید.
1- روش خارجی
2- روش داخلی
3- روش برخط
در روش خارجی یک فایل در نظر گرفته شده و شما کدهای CSS را درون این فایل نوشته و درون برنامه خود توسط دستور Link آن را معرفی می نمایید.
مزیت این روش این است که هر وقت اراده کنید می توانید در فایل دستکاری کرده تا کل برنامه دچار تغییر شود.

در روش داخلی از عنصر Style استفاده کرده و درون قسمت Head کدها را اضافه می نماییم.

روش آنلاین به صورتی است که شما برای هر عنصر خاص کد CSS را به صورت جداگانه می نویسید.