با آموزش CSS در خدمت شما همراهان عزیز هستیم، در قسمت بخش تعریفی خواهیم داشت از CSS Selector یا انتخابگرهای سی اس اس: ابتدا با یک مثال شروع میکنیم تا بهتر متوجه این موضوع شوید شما اگر بخواهید به کسی چیزی را نسبت بدهید ابتدا نامش را صدا میزنید و با این کار شما آن شخص را فرخوانی میکنید. انتخابگرها یا Selectors هم در CSS به همین صورت هستند که ابتدا شما با صدا زن تگ P یا BODY یا H1 و... میتوانید صفاتی را به آنها نسبت دهید مانند رنگ متن color، رنگ زمینه background-color و...برای مثال همین سایت از منوی با بکگراند مشکی استفاده میکند که این صفت به آن اختصاص داده شده است. پس هرکدام از این مواردی که گفته شد یک انتخابگر هستند. یکسری انتخابگر دیگر وجود دارند که میتوانیم آنها را خودمان با نام های دلخواه ایجاد کنیم که به آنها CLASS و ID گفته میشود. قبل از اینکه بخواهیم به توضیح کلاس و آیدی بپردازیم شما را با نمونه ای از این کد نویسی آشناخواهیم کرد. مثال کد زیر که تگ P را صدا زده ایم و به آن خصوصیت یا صفت رنگ COLOR قرمز داده ایم و تراز متن یا Text align آن را نیز وسط چین یا Center قرار داده ایم:
تصویر زیر هم ساختار یک انتخابگر و استایل دهی به آن را توضیح میدهد:
p {
text-align: center;
color: red;
}
خب در آموزش HTML5 آموزش ایجاد دایو DIV و بخش SECTION آموزش داده شده که میتوانید با مراجعه به این بخش آنرا بیابید. ما اگر انتخابگر را از نوع کلاس تعریف کنیم مثلا
div class="test"
در CSS باید ان را به این صورت فرخوانی کنیم
.test{
color:red;
background-color:blue;
}
و حالا اگر نوع آن را ID تعریف کنیم به این صورت:
div id="test"
در کد نویسی CSS باید آن را به این صورت فراخوانی کنیم:
#test{
color:red;
background-color:blue;
}
