تلفن: 09373153748 - 09390737683

آموزش CSS3 قسمت دوم: معرفی و استفاده از انتخابگرها Selectors

بسم الله الرحمن الرحیم

معرفی و استفاده از انتخابگرها Selectors

 با آموزش 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;
}

آموزش CSS3

انتخابگرها در CSS

CSS

نظر دادن

تمامی فیلد های ستاره دار را پر کنید و از وارد کردن تگ های html خود داری نمائید.

طراحی_سایت_میثم_احمدیتمامی حقوق این وبسایت محفوظ و متعلق به میثمــ احمدیـــ است.

طـبق ماده 12 فصل سوم قانون جرائم رایانه ای هرگونه کپی برداری از قالب های طراحی شده توسط میثم احمدی پیگرد قانونی دارد.

مشاهده قانون جرايم رايانه‌ای