کار با css و نحوه اضافه کردن آن به صفحات وب

کار با css

در قسمت قبلی به معرفی css پرداختیم . در این قسمت نحوه کار با css و همچنین اضافه کردن آن به صفحات وب را آموزش خواهیم داد.

کد css زیر را ببینید :

ابتدا انتخابگر یا selector تعیین می شود که می تواند یکی از تگ ها ، id یا یک کلاس باشد.

در داخل بدنه آن نیز خاصیت ها را تعریف می کنیم .

  • در قسمت اول  به تگ پاراگراف رنگ آبی و ترازبندی متن را چپ انتخاب کردیم.
  • در قسمت دوم یک کلاس divcenter ساختیم که می توانیم روی هر کدام از عناصر صفحه خود اعمال کنیم.
  • در قسمت سوم نیز یک id منحصربفرد ساختیم که می توانیم برای یک عنصر از یک صفحه اینترنتی استفاده گردد

نحوه استفاده از css در صفحات وب :

css ها به سه صورت تعریف می شوند :

  • خطی : بوسیله ویژگی style در عناصر و تگ های html (به قسمت Html Style رجوع شود)
  • داخلی : بوسیله تگ <style> داخل تگ <head>
  • خارجی : با استفاده از یک فایل css خارجی و دادن لینک آن به تگ <head>

اضافه کردن css داخلی :

اضافه کردن css به صورت خارجی :

جهت اضافه کردن css به صورت خارجی ابتدا می بایست فایل css خود را بسازیم و بعد در قسمت head لینک آن را بدهیم .

لینک فایل style.css را به صفحه اینترنتی خود می دهیم.

نکته ای که باید تفاوت آن را حتما بدانید :

تفاوت id و class در css :

  • id : برای هر تگ  فقط یک id می توانِم تعریف کنیم و  هر صفحه هم فقط می تواند یک id منحصر بفرد داشته باشد.
  • class : از یک  کلاس می توانیم در چندین تگ استفاده نماییم و یا اینکه می توانیم در یک تگ از چند کلاس css استفاده نماییم.

کار با css

چاپ مطلب

درباره‌ی داوودمحمدنیا

حتما ببینید

معرفی css

معرفی css css مخفف Cascading Style Sheets (شیوه نامه های آبشاری) است . با css …

کتاب آموزش گام به گام CSS به زبان فارسی نویسنده : افشین رفوآ

نویسنده : افشین رفوآ فهرست مقدمه توجه چگونگی استفاده از CSS CSS چیست؟ نمایش CSS دستور …

پاسخی بگذارید

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