:: Class ها چیستند؟
در واقع می توان گفت که class ها نوعی از خصوصیات هستند که به صورت جداگانه تعریف شده و به تگ های مختلفی وابسته می شوند. یعنی شما می توانید یک بسته از خصوصیاتی خاص را داشته باشید و هر وقت که خواستید از آنها استفاده کنید. برای تعریف یک کلاس باید اینطور عمل کرد:
برای مثال من می خواهم کلاسی تعریف کنم که به هر تگی که دادم ، پس زمینه ی آن تگ سیاه ، و رنگش سفید شود. پس این کار را به این صورت انجام می دهم:
حالا برای استفاده از این Class ، اینطور عمل می کنم:
با استفاده از کد بالا می توانیم پاراگرافی داشته باشیم با پس زمینه ی سیاه و رنگ متن سفید. حالا دیگر کدش را خودتان هم می توانید بنویسید. (کد یک صفحه ی HTML دارای خصوصیت بالا)
ID ها چیستند؟
ID ها دقیقا همان Class ها هستند با این تفاوت که قالب دستوری تعریفشان کمی فرق می کند. ما برای تعریف Class قبل از اسم کلاس از "." استفاده می کردیم ، ولی برای ID ها از "#" استفاده می کنیم:
با این کار ما یک ID تعریف می کنیم که برای استفاده از آن اینطور عمل می کنیم:
ID ها و Class هایی مخصوص یک تگ
ممکن است ما بخواهیم Class و یا ID ای تعریف کنیم که مختص به یک Tag باشد. یعنی مثلا یک مجموعه از خصوصیاتی مخصوص تگ های «p» ، به مثال زیر توجه کنید:
در مثال بالا ، کلاس Light تنها برای تگ های p قابل استفاده است. (این خصوصیت را حتماً امتحان کنید، جالب است)
برای تعریف یک ID مخصوص یک تگ هم مثل بالا عمل کرده ، فقط به جای علامت نقطه (.) ؛ «#» می گذاریم.
دانلود PDF آموزش:
CSS3.pdf (اندازه: 276.44 KB / تعداد دفعات دریافت: 93)
منبع : آی کامپ
در واقع می توان گفت که class ها نوعی از خصوصیات هستند که به صورت جداگانه تعریف شده و به تگ های مختلفی وابسته می شوند. یعنی شما می توانید یک بسته از خصوصیاتی خاص را داشته باشید و هر وقت که خواستید از آنها استفاده کنید. برای تعریف یک کلاس باید اینطور عمل کرد:
کد:
.CLASS_NAME {
Property: value;
}
کد:
.myclass {
Background-color: black;
Color: white;
}
کد:
<p class=”myclass”> TEXT </p>
ID ها چیستند؟
ID ها دقیقا همان Class ها هستند با این تفاوت که قالب دستوری تعریفشان کمی فرق می کند. ما برای تعریف Class قبل از اسم کلاس از "." استفاده می کردیم ، ولی برای ID ها از "#" استفاده می کنیم:
کد:
#myID {
Background-color: black;
Color: white;
}
کد:
<p id=”myID”> TEXT </p>
ممکن است ما بخواهیم Class و یا ID ای تعریف کنیم که مختص به یک Tag باشد. یعنی مثلا یک مجموعه از خصوصیاتی مخصوص تگ های «p» ، به مثال زیر توجه کنید:
کد:
p.light {
Color: orange;
Text-shadow: yellow 0px 0px 8px;
}
برای تعریف یک ID مخصوص یک تگ هم مثل بالا عمل کرده ، فقط به جای علامت نقطه (.) ؛ «#» می گذاریم.
دانلود PDF آموزش:
CSS3.pdf (اندازه: 276.44 KB / تعداد دفعات دریافت: 93)
منبع : آی کامپ