تو بخش قبل نحوه ی استایل دهی به تمام متن ها در یک صفحه رو گفتیم اما اگه بخوایم تغییرات مد نظر ما فقط روی یه پاراگراف انجام بشه چی؟🤔
اینجاست که باید از سلکتور استفاده کنیم:
سلکتور های زیادی وجود داره که مهمترینشون class و id هستن.
id:برای تعریف id از علامت # استفاده میشه.
class:برای تعریف کلاس از علامت . استفاده میشه.
مثلا میخوایم تغییرات فقط روی یه پاراگراف ایجاد بشه:
<style type="text/css">
}iran.
;font-size:40px
;font-color:#818181
{
<style/>
ما اینجا یه کلاس تعریف کردیم به اسم iran(اسم کلاس رو هر چیزی دوست دارین میتونین بزارین)
به جای اسم رنگ هم عدد هگز اون رو نوشتیم هر رنگ یه عددی داره برای به دست آوردنش تو اینترنت سرچ کنین یا به فتوشاپ مراجعه کنین.
برای اعمال تغییرات روی پاراگراف مورد نظر:
<p class="iran>
این یک متن آزمایشی است
<p/>
کلاس ایران رو به تگ p مورد نظر نسبت دادیم.
کل کد مورد نظر ما:🔻
<html>
<head>
</meta charset="utf-8">
<title>
سایت من
</title>
<style type="text/css">
}body
;background-color=blue
{
}iran.
;font-size:40px
;font-color:#818181
{
<style/>
<head/>
<body>
<p class="iran">
این یک متن آزمایشی است
<p/>
<p>
این یک متن آزمایشی است ۲
<p/>
<body/>
<html/>
کد بالا رو در نوت پد بنویسید و با پسوند html. ذخیره کنین؛به تفاوت دو متن نمایش داده شده دقت کنین.
نکته:کدی که بالا نوشتیم(meta charset utf 8 ) برای پشتیبانی از زبان فارسی هست.
پ.ن:اگر سوالی دارین در خدمت هستم.
