انتخابگر ها در CSS
Selector در CSS
انواع Selector در CSS
بررسی انواع Selector در CSS
انتخابگر در سی اس اس
انتخابگر ها در CSS | انواع Selector در CSS |انتخابگر در سی اس اس | Selector در CSS | بررسی انواع Selector در CSS | آموزش CSS | آموزش CSS به زبان ساده و پیشرفته | آموزش CSS به زبان ساده | آموزش CSS پی دی اف | آموزش CSS پشیرفته | بهترین آموزش CSS | دانلود آموزش CSS | فیلم آموزش CSS | آموزش CSS | آموزش سی اس اس | آموزش CSS به زبان فارسی | راتینه | رضا نظریان | آموزش برنامه نویسی
آموزش اکسس
آموزش CSS
سلام به دوستان خوب راتینه
امروز قراره در رابط با انتخابگرها در CSS صحبت کنیم.
انتخابگر های CSS به عناصر HTML سبک میدهند.
انتخابگرهای CSS برای “یافتن” (یا انتخاب) عناصر HTML مورد نظر برای استایل استفاده می شوند.
ما می توانیم انتخاب کننده های CSS را به پنج دسته تقسیم کنیم:
1: انتخاب کننده های ساده (انتخاب عناصر بر اساس نام ، شناسه ، کلاس)
4: انتخاب کننده های شبه عناصر (انتخاب و استایل بخشی از یک عنصر)
آموزش اکسل
آموزش پاورپوینت
آموزش کامل برنامه نویسی آموزش کامل جاوا آموزش کامل پایتون آموزش کامل CSS آموزش کامل ++C
آموزش HTML
آموزش ورد
انتخابگر ها در CSS
انتخابگر ها در CSS
انتخابگر ها در CSS
انتخابگر ها در CSS
انتخابگر ها در CSS
انتخابگر عناصر در CSS
انتخابگر ها در CSS
انتخاب کننده عناصر ، عناصر HTML را بر اساس نام عنصر انتخاب می کند.
انتخابگر ها در CSS
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: red;
}
</style>
</head>
<body><p>هر پاراگراف تحت تاثیر سبک قرار میگیرد</p>
<p id=”para1″>Ratine.ir</p>
<p>And me!</p></body>
</html>
Selector در CSS
انتخابگر در سی اس اس
Selector در CSS
Selector در CSS
انتخابگر id در CSS
Selector در CSS
انتخاب کننده شناسه از ویژگی id یک عنصر HTML برای انتخاب یک عنصر خاص استفاده می کند.
شناسه یک عنصر در یک صفحه منحصر به فرد است ، بنابراین انتخاب کننده شناسه برای انتخاب یک عنصر منحصر به فرد استفاده می شود!
برای انتخاب عنصری با شناسه خاص ، یک کاراکتر hash (#) و به دنبال آن شناسه عنصر بنویسید.
انواع Selector در CSS
قانون CSS زیر روی عنصر HTML با id = “para1” اعمال می شود:
انواع Selector در CSS
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body><p id=”para1″>ratine</p>
<p>این پاراگراف تحت تاثیر سبک قرار نمیگیرد.</p></body>
</html>
انواع Selector در CSS
بررسی انواع Selector در CSS
انواع Selector در CSS
توجه: نام شناسه نمی تواند با عدد شروع شود!
بررسی انواع Selector در CSS
بررسی انواع Selector در CSS
انتخابگر CLASS در CSS
بررسی انواع Selector در CSS
class selector عناصر HTML را با ویژگی کلاس خاص انتخاب می کند.
برای انتخاب عناصر با یک کلاس خاص ، یک کاراکتر (()) و سپس نام کلاس بنویسید.
بررسی انواع Selector در CSS
در این مثال همه عناصر HTML با class = “center” قرمز و تراز وسط خواهند بود:
بررسی انواع Selector در CSS
<!DOCTYPE html>
<html>
<head>
<style>
.center {
text-align: center;
color: red;
}
</style>
</head>
<body><h1 class=”center”>عنوان قرمز و تراز وسط</h1>
<p class=”center”>پاراگراف قرمز و تراز وسط.</p></body>
</html>
آموزش آفیس
انواع Selector در CSS
آموزش اکسس
همچنین می توانید مشخص کنید که فقط عناصر خاص HTML باید تحت تأثیر یک کلاس قرار گیرند.
دانلود رایگان فیلم آموزش اکسس
در این مثال فقط <p> عناصر با class = “center” قرمز و تراز وسط خواهند بود:
آموزش تصویری اکسس PDF زبان فارسی
<!DOCTYPE html>
<html>
<head>
<style>
p.center {
text-align: center;
color: red;
}
</style>
</head>
<body><h1 class=”center”>این عنوان تحت تأثیر قرار نمی گیرد</h1>
<p class=”center”>این پاراگراف قرمز و تراز وسط خواهد بود.</p></body>
</html>
آموزش اکسس از صفر تا صد
Selector در CSS
آموزش اکسل
دانلود رایگان فیلم آموزش اکسل
<!DOCTYPE html>
<html>
<head>
<style>
p.center {
text-align: center;
color: blue;
}p.large {
font-size: 200%;
}
</style>
</head>
<body><h1 class=”center”>این عنوان تحت تأثیر قرار نمی گیرد</h1>
<p class=”center”>این پاراگراف آبی و تراز وسط خواهد بود.</p>
<p class=”center large”>این پاراگراف قرمز ، تراز وسط و در اندازه فونت بزرگ خواهد بود.</p></body>
</html>
آموزش اکسل PDF زبان فارسی
انتخابگر ها در CSS
آموزش اکسل از صفر تا صد
توجه: نام کلاس نمی تواند با عدد شروع شود!آموزش پاورپوینت
آموزش پاورپوینت
دانلود رایگان فیلم آموزش پاورپوینت
انتخاب تمام عناصر موجود در صفحه
آموزش پاورپوینت PDF زبان فارسی
تمام عناصر HTML موجود در صفحه را انتخاب می کند.
آموزش پاورپوینت از صفر تا صد
آموزش ورد
<!DOCTYPE html>
<html>
<head>
<style>
* {
text-align: center;
color: blue;
}
</style>
</head>
<body><h1>Ratine</h1>
<p>هر عنصر در صفحه تحت تأثیر سبک قرار می گیرد.</p>
<p id=”para1″>ir</p>
<p>iran</p></body>
</html>
آموزش تصویری WORD
Selector در CSS
دانلود رایگان فیلم آموزش ورد
آموزش ورد از صفر تا صد
انتخابگر گروه بندی شده در CSS
آموزش CSS
انتخاب کننده گروه بندی همه عناصر HTML را با تعریف سبک مشابه انتخاب می کند.
به کد CSS زیر نگاه کنید (عناصر h1 ، h2 و p دارای تعریف سبک یکسانی هستند):
آموزش CSS PDF
h1 {
text-align: center;
color: red;
}h2 {
text-align: center;
color: red;
}p {
text-align: center;
color: red;
}
آموزش CSS رایگان
آموزش CSS پیشرفته
<!DOCTYPE html>
<html>
<head>
<style>
h1, h2, p {
text-align: center;
color: blue;
}
</style>
</head>
<body><h1>ratine</h1>
<h2>راتینه</h2>
<p>آموزش ، سرگرمی ، دانلود</p></body>
</html>
آموزش صفر تا صد CSS
Selector در CSS
آموزش پاورپوینت PDF زبان فارسی
آموزش پاورپوینت PDF زبان فارسی
آموزش آفیس
آموزش اکسس
دوستان عزیز خسته نباشید ….
آموزش اکسل
آموزش ++C
گردآوری : رضا نظریان
راتینه
آموزش پاورپوینت
امیدوارم این آموزش مورد استفاده شما دوستان قرار گرفته باشه 🙂
آموزش ورد
بیشتر بخوایند :
—————————————————————————————-
CSS چیست _ آموزش CSS
ساختار کد CSS _ آموزش CSS
—————————————————————————————-
انتخابگر ها در CSS , انواع Selector در CSS , انتخابگر در سی اس اس , Selector در CSS , بررسی انواع Selector در CSS , آموزش CSS , آموزش CSS به زبان ساده و پیشرفته , آموزش CSS به زبان ساده , آموزش CSS پی دی اف , آموزش CSS پشیرفته , بهترین آموزش CSS , دانلود آموزش CSS , فیلم آموزش CSS , آموزش CSS , آموزش سی اس اس , آموزش CSS به زبان فارسی , راتینه , رضا نظریان , آموزش برنامه نویسی
آموزش پایتون
آموزش سی پنل
اجرای انلاین کد نویسی با زبان برنامه نویسی CSS …. کلیک کنید
آموزش HTML
آموزش CSS pdf , آموزش CSS , آموزش CSS به زبان ساده , آموزش CSS پیشرفته , آموزش CSS حرفه ای , آموزش CSS رایگان , آموزش برنامه نویسی , آموزش برنامه نویسی CSS از صفر , آموزش برنامه نویسی سی اس اس , آموزش جامع CSS , آموزش صفر تا صد CSS , آموزش صفر تا صد سی اس اس , دانلود آموزش CSS , راتینه , رضا نظریان , فیلم آموزشی CSS , فیلم اموزش سی اس اس , یادگیری CSS , یادگیری سی اس اس
آموزش CSS
آموزش برنامه نویسی
آموزش CSS _ صفر تا صد به زبان ساده و پیشرفته
آموزش جاوا از صفر تا صد _ پروژه محور و پیشرفته
آموزش ++C از صفر تا صد _ پروژه محور
آموزش پایتون از صفر تا صد ( جامع و کاربردی )
آموزش HTML به زبان ساده و پیشرفته
آموزش مجموعه آفیس ( صفر تا صد )
آموزش قدم به قدم اکسس ( مبتدی تا پیشرفته )
آموزش قدم به قدم اکسل ( مبتدی تا پیشرفته )
آموزش قدم به قدم پاورپوینت ( مبتدی تا پیشرفته )