کار با 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 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

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

از ما حمایت کنید