آموزش css – مقدمه ای بر css

در مطالب قبل با html آشنایی پیدا کردید. در این مطلب می خواهیم به

مقدمه ای بر css

بپردازیم.

برای دیدن توانایی های CSS

• www.csszengarden.com

Style Sheet

• راهنمای قالب بندی و ویرایش صفحات که در انتشارات مدتهاست که کاربرد دارد.

CSS (Cascading Style Sheet)

• استفاده از Style Sheet ها برای طراحان صفحات وب
• یک زبان انعطاف پذیر و استاندارد که توسط W3C توسعه داده شده است.

مزایای CSS

• کنترل بیشتر بر روی ساختار صفحه وجود دارد.
• سبک بندی از ساختار متن مجزا است.
• سبکها می‌توانند در یک فایل جدا ذخیره شوند و به صفحه لینک شوند.
• فایل‌ها کم حجم‌تر می‌شوند.
• نگهداری سایت ساده تر است.
• و …

انواع CSS

Inline

• در قسمت بدنه صفحه تعریف می‌شوند.
• از صفت style تگهای XHTML استفاده می‌کنند.
• فقط به یک عنصر خاص محدود می‌شوند.

Embedded

• در قسمت سرآیند صفحه تعریف می‌شوند.
• از تگ style استفاده می‌کنند.
• شامل کلیه عناصر صفحه می‌شوند.

External

• در یک فایل جدا با پسوند .css ذخیره می‌شوند.
• تگ link در قسمت سرآیند ارتباط فایل .css را با صفحه مشخص می‌کند.

Imported

• مشابه نوع External است.
• (فعلا) از این نوع استفاده نمی‌کنیم.

 نحوه CSS

• CSS شامل قوانینی است که قالب بندی صفحه را مشخص می‌کنند.
• هر قانون شامل انتخابگر هایی است که تگهایی را که متاثر از هر style است را مشخص می‌کنند.

مثال :

صفحه دارای متن آبی و پس‌زمینه زرد باشد:

body {
color: blue;
background-color: yellow;
}

همچنین به صورت هگزادسیمال نیز ممکن است :

body {
color: #0000FF;
background-color: #FFFF00;
}

صفات متداول در CSS

• background-color
• color
• font-family
• font-size
• font-style
• font-weight
• line-height
• margin
• text-align
• text-decoration
• width

(2 امتیاز: 4,50 از 5)

Loading...