💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ emad ta
فصل css3 خلاصه مطالب جلسه 1 قواعد نوشتاری و مفهوم Selector
جامعه Html & CSS ایجاد شده در ۰۴ خرداد ۱۳۹۹

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

معرفی پراپرتی color برای تغیر رنگ متن‌ها و پراپرتی font-size برای تغیر دادن اندازه فونت هامون 

نکته » زمانی که عنصر ما یونیک هست و هیج جای دیگه تکرار نمیشه از آیدی‌ها برای استایل دهی‌ها استفاده میکنیم در غیر این صورت از کلاس‌ها و تگ‌ها میتونیم استفاده میکنیم

 

استفاده از کلاس و تگ 

حالت تاکیدی : یک موقع هست ما میخاهیم حالتی رو انتخاب کنیم که در آن فلان کلاس در فلان تگ مورد منظور ما هست که میخاهیم به آن استایل بدهیم و ی جور اختصاصی‌تر شده انتخاب ما که باید بیایم و به صورت زیر استایل دهی کنیم یعنی اول نام تگ و بعد با . نام کلاس میدهیم و بعد استایل امون رو میدهیم

    <style>
      h5.test1 {
        color: red;
        font-size: larger;
      }
      h4.test1 {
        color: yellow;
        font-size: larger;
      }
    </style>
.
.
.
  <body>
    <h5 class="test1">متن آزمایشی</h5>
    <h5 class="test2">متن آزمایشی</h5>
    <h4 class="test1">متن آزمایشی</h4>
  </body>

 

نکته » در فایل‌های css کلاس‌ها از بالا به پایین میان و کامپایل می‌شوند و اگر ما در بالا یک کلاس داشته باشیم با نام مثلا A  و  در پایین هم با نام A  داشته باشیم  کلاس پایینی میاد و قرار داده می‌شود و  اگر ویژگی در پایین تغیر داده نشده باشه میاد و از بالایی استفاده میکند

 

نکته : برای استایل دادن آیدی‌ها به صورت زیر عمل میکنیم      {     ...    } نام آیدی # 

Multi ClassName : ما به یک تگ میتونیم به تعداد نا متنهایی به صورت شکل زیر بیایم و  کلاس بدهیم 

style = " Primery Secondry ..."

نکته » اولویت استایل دهی‌ها با  استایل‌ها ی آیدی و بعد با استایل‌های کلاس هستش