کار با 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 آموزش برنامه نویسی

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

دیدگاه خود را بیان کنید