کلید واژه مورد نظر را تایپ کنید
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
تلفن تماس: ۲۳۴۵۶ ۲۸۴ ۰۲۱
بهترین ایده
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
0
ورود / عضویت

وبلاگ

بهترین ایده / طراحی سایت / سینتکس و انتخابگرهای css

سینتکس و انتخابگرهای css

سینتکس و انتخابگرهای css  چیست ؟

آموزش css درس دوم

سینتکس  CSS

سینتکس و انتخابگرهای css  : یک مجموعه قوانین CSS شامل یک انتخابگر و یک بلوک اعلان  است:

 

سینتکس و انتخابگرهای css
سینتکس و انتخابگرهای css

 

انتخابگر به عنصر HTML که می خواهید به آن ظاهر و استایل بدهید بدهید اشاره می کند.

طراحی ظاهر html  با css را از اینجا ببینید

بلوک اعلان  حاوی یک یا چند اعلان جدا شده با سمی کالن است.

هر اعلان شامل یک نام ویژگی  CSS و یک مقدار است که توسط یک کولون جدا شده است.

یک اعلان  CSS همیشه با یک سمیکولن به پایان می رسد، و بلوک های اعلان  توسط پرانتز های فرفری  احاطه شده اند.

در مثال زیر، تمام عناصر <p>  به صورت مرکزی با رنگ متن قرمز قرار خواهند گرفت:

[php]
p {
color: red;
text-align: center;
}
[/php]

سینتکس و انتخابگرهای css : انتخابگرهای  css

انتخابگرهای CSS برای پیدا کردن (یا انتخاب) عناصر HTML بر اساس نام، شناسه، کلاس، صفت و غیره استفاده می شوند.

سینتکس و انتخابگرهای css : انتخاب عنصر

انتخابگر عنصر، عناصر را براساس نام عنصر انتخاب می کند.

شما می توانید تمام عناصر <p>  را بر روی یک صفحه مانند این (در این مورد ،همه عناصر  <p>  ،   center-aligned خواهند بود یعنی اینکه در مرکز قرار می گیرند، با رنگ متن قرمز ) :

مثال

[php]
p {
text-align: center;
color: red;
}
[/php]

سینتکس و انتخابگرهای css : انتخاب شناسه

انتخابگر ID از شناسه id  برای یک عنصر HTML جهت  انتخاب یک عنصر خاص استفاده می کند.

شناسه یک عنصر باید در یک صفحه منحصر به فرد باشد، بنابراین id selector  برای انتخاب یک عنصر منحصر به فرد استفاده می شود!

برای انتخاب یک عنصر با یک شناسه خاص، یک کاراکتر  (#)  در ادامه شناسه عنصر بنویسید.

قانون  style زیر به عنصر HTML با id = “para1” اعمال خواهد شد:
مثال :

[php]
#para1 {
text-align: center;
color: red;
}
[/php]

نکته: یک نام شناسه نمی تواند با یک شماره شروع شود!

سینتکس و انتخابگرهای css: انتخابگر کلاس

انتخابگر  کلاس  عناصر را با یک ویژگی کلاس خاص انتخاب می کند.

برای انتخاب عناصر با یک کلاس خاص، یک کاراکتر  (.) را  به دنبال نام کلاس بنویسید.

در مثال زیر، تمام عناصر HTML با   class = “center” قرمز و در مرکز خواهند بود:
مثال

[php]
.center {
text-align: center;
color: red;
}
[/php]

همچنین می توانید مشخص کنید که فقط عناصرخاص  HTML  باید توسط یک کلاس تحت تاثیر قرار گیرند.

در مثال زیر، فقط  عناصر <p>  با class = “center” در مرکز قرار دارند:
مثال

[php]
p.center {
text-align: center;
color: red;
}
[/php]

عناصر HTML همچنین می توانند به بیش از یک کلاس اشاره کنند.

در مثال زیر، عنصر  <p> با توجه به class = “center” و class = “large” طراحی شده است:
مثال

[php]

This paragraph refers to two classes.

[/php]

نکته: یک نام کلاس نمیتواند با یک عدد شروع شود!

سینتکس و انتخابگرهای css
سینتکس و انتخابگرهای css

انتخابگرهای  گروه بندی شده

اگر عناصری با تعریف استایل یکسان مثل زیر داشته باشید :

[php]
h1 {
text-align: center;
color: red;
}

h2 {
text-align: center;
color: red;
}

p {
text-align: center;
color: red;
}
[/php]

بهتر است گروهها را انتخاب کنید تا کد را به حداقل برسانید.

برای انتخابگرهای گروه، هر انتخابگر را با کاما جدا کنید.

در مثال زیر،   selectors ها را از کد بالا دسته بندی کرده ایم:
مثال

[php]
h1, h2, p {
text-align: center;
color: red;
}
[/php]

توضیحات یا کامنت  CSS

کامنت ها  برای توضیح کد مورد استفاده قرار می گیرند و ممکن است هنگامی که کد منبع را بعداً ویرایش می کنید راهنمای خوبی برای شما باشد.

کامنت ها  توسط مرورگرها نادیده گرفته می شوند.

یک نظر CSS با */ شروع می شود و با /* به  پایان می رسد.  کامنت ها  همچنین می توانند چندین خط باشند.

مثال

[php]
p {
color: red;
/* This is a single-line comment */
text-align: center;
}

/* This is
a multi-line
comment */
[/php]

 

۱
۲
۳
۴
۵
میانگین امتیازات ۵ از ۵
از مجموع ۱ رای
اشتراک گذاری:
برچسب ها: سی اس اس
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!
مطالب زیر را حتما بخوانید
  • طراحی واکنش گرا
    چرا طراحی سایت واکنش گرا مهم است؟

    129 بازدید

  • طراحی سایت
    طراحی سایت و رازهای فروش بیشتر

    288 بازدید

  • پوسته فرزند
    پوسته فرزند چیست و چگونه پوسته فرزند ایجاد کنیم؟

    127 بازدید

  • شروع کار css
    شروع کار css

    132 بازدید

  • معرفی css
    معرفی css

    117 بازدید

  • رویدادهای ارسال شده سرور
    رویدادهای ارسال شده سرور

    106 بازدید

دیدگاهتان را بنویسید لغو پاسخ

کلید واژه مورد نظر را تایپ کنید
نوشته‌های تازه
  • تولید محتوا به زبان ساده
  • مهارت‌های پولساز کسب‌وکار
  • الگوریتم اینستاگرام چگونه کار می کند؟
  • ۱۰ گام پولسازی | راهنمای کامل پولسازی در دنیای امروز
  • ۷۰ ایده‌ پولساز و روش ارزیابی + ۱۱۰۰ ایده ارسالی کاربران
افزایش فالوور اینستاگرام
آکادمی
  • کسب و کار اینترنتی
  • بازاریابی اینترنتی
  • ایده های پولساز
  • ایمیل مارکتینگ
  • مهارت های پولساز
  • افزایش فالوور اینستاگرام
  • کسب درآمد از اینستاگرام
  • افزایش ترافیک سایت
پربازدید
  • دوره رایگان
  • درباره ما
  • همکاری در فروش
  • تماس با ما
کلید واژه مورد نظر را تایپ کنید
بهترین ایده
با آموزش کسب و کار اینترنتی از ایده‌های پولساز تا یادگیری مهارت‌های پولساز در کنار شما هستیم. کمک می‌کنیم یک کسب و کار خانگی در منزل راه‌اندازی کنید. ما به شما آموزش می‌دهیم با کار در منزل و فقط با موبایل و بدون سرمایه پولسازی از اینترنت را شروع کنید.
بهترین ایده : کسب و کار اینترنتی برای همه | © Copyright 2021 behtarinideh
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده را تایپ کنید
ثبت
فراموشی رمز
ورود با کد تایید پیامکی
ارسال مجدد کد تایید پیامکی(00:60)
عضو سایت نیستید؟
عضویت
ارسال مجدد کد تایید پیامکی(00:60)
برگشت به ورود
ارسال مجدد کد تایید پیامکی (00:60)
برگشت به ورود
  • (+93) افغانستان
  • (+355) آلبانى
  • (+213) الجزيره
  • (+1) آمریکن ساموا
  • (+376) آندورا
  • (+244) آنگولا
  • (+1) آنگویلا
  • (+1) Antigua
  • (+54) آرژانتين
  • (+374) ارمنستان
  • (+297) آروبا
  • (+61) استرالیا
  • (+43) اتریش
  • (+994) آذربایجان
  • (+973) بحرين
  • (+880) بنگلادش
  • (+1) باربادوس
  • (+375) بلاروس
  • (+32) بلژيك
  • (+501) بلیز
  • (+229) بنین
  • (+1) برمودا
  • (+975) بوتان
  • (+591) بوليوي
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) بوسني و هرزگوين
  • (+267) بوتسوانا
  • (+55) برزيل
  • (+246) محدوده اقیانوس هند تحت سیطره بریتانیا
  • (+1) British Virgin Islands
  • (+673) برونئی
  • (+359) بلغارستان
  • (+226) بورکینافاسو
  • (+257) بوروندی
  • (+855) کامبوج
  • (+237) كامرون
  • (+1) كانادا
  • (+238) کیپ ورد
  • (+1) جزابر کیمن
  • (+236) جمهوری آفریقای مرکزی
  • (+235) چاد
  • (+56) شيلي
  • (+86) چين
  • (+57) كلمبيا
  • (+269) کومور
  • (+682) جزایر کوک
  • (+225) Côte d'Ivoire
  • (+506) كاستا ريكا
  • (+385) كرواسي
  • (+53) كوبا
  • (+599) Curaçao
  • (+357) قبرس
  • (+420) جمهوري چك
  • (+243) Democratic Republic of the Congo
  • (+45) دانمارك
  • (+253) جیبوتی
  • (+1) دومنيكا
  • (+1) جمهوري دومنيكا
  • (+593) اكوادر
  • (+20) مصر
  • (+503) الساوادر
  • (+240) گینه استوایی
  • (+291) اریتره
  • (+372) استوني
  • (+251) اتيوپي
  • (+500) جزایر فالکلند
  • (+298) جزایر فارو
  • (+691) Federated States of Micronesia
  • (+679) فیجی
  • (+358) فنلاند
  • (+33) فرانسه
  • (+594) گویان فرانسه
  • (+689) پلی نزی فرانسه
  • (+241) گابون
  • (+995) Georgia
  • (+49) آلمان
  • (+233) غنا
  • (+350) جبل الطارق
  • (+30) يونان
  • (+299) گرینلند
  • (+1) گرانادا
  • (+590) گوادولوپ
  • (+1) گوام
  • (+502) گواتمالا
  • (+44) گرنزی
  • (+224) گينه
  • (+245) گينه بي سائو
  • (+592) گویان
  • (+509) هائيتي
  • (+504) هندوراس
  • (+852) هنگ كنگ
  • (+36) مجارستان
  • (+354) ایسلند
  • (+91) هند
  • (+62) اندونزي
  • (+98) ایران
  • (+964) عراق
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) رژيم صهيونيستي
  • (+39) ايتاليا
  • (+1) جامائيكا
  • (+81) ژاپن
  • (+44) جرسي
  • (+962) اردن
  • (+7) قزاقستان
  • (+254) كنيا
  • (+686) كيريبيتي
  • (+965) كويت
  • (+996) قرقیزستان
  • (+856) لائوس
  • (+371) لتونی
  • (+961) لبنان
  • (+266) لسوتو
  • (+231) لیبریا
  • (+218) ليبي
  • (+423) لیختن اشتاین
  • (+370) ليتواني
  • (+352) لوكسامبورگ
  • (+853) Macau
  • (+389) Macedonia
  • (+261) ماداگاسكار
  • (+265) مالاوی
  • (+60) مالزي
  • (+960) مالديو
  • (+223) مالي
  • (+356) مالتا
  • (+692) جزایر مارشال
  • (+596) مارتینیک
  • (+222) موریتانی
  • (+230) موریس
  • (+262) مایوت
  • (+52) مكزيك
  • (+373) مالديو
  • (+377) موناکو
  • (+976) مغولستان
  • (+382) مونته نگرو
  • (+1) مونتسرات
  • (+212) مراكش
  • (+258) موزامبيك
  • (+95) ميانمار
  • (+264) نامیبیا
  • (+674) نائورو
  • (+977) نپال
  • (+31) هلند
  • (+687) کالدونیای جدید
  • (+64) نيوزلند
  • (+505) نیکاراگوئه
  • (+227) نیجر
  • (+234) نيجريه
  • (+683) نیوئه
  • (+672) جزیره نورفولک
  • (+850) كره ي شمالي
  • (+1) جزایر ماریانای شمالی
  • (+47) نروژ
  • (+968) عمان
  • (+92) پاكستان
  • (+680) Palau
  • (+970) فلسطین
  • (+507) پاناما
  • (+675) پاپوا گينه ي نو
  • (+595) پاراگوئه
  • (+51) پرو
  • (+63) فيليپين
  • (+48) لهستان
  • (+351) پرتغال
  • (+1) پورتوریکو
  • (+974) قطر
  • (+242) کنگو
  • (+40) روماني
  • (+262) Runion
  • (+7) روسيه
  • (+250) رواندا
  • (+290) سنت هلن
  • (+1) سنت کیتس و نویس
  • (+508) سنت پیر و میکلون
  • (+1) سنت وینسنت و گرنادین
  • (+685) ساموا
  • (+378) سن مارینو
  • (+239) Sao Tome and Principe
  • (+966) عربستان سعودی
  • (+221) سنگال
  • (+381) صربستان
  • (+248) سیشل
  • (+232) سیرالئون
  • (+65) سنگاپور
  • (+1) Sint Maarten
  • (+421) اسلواکی
  • (+386) اسلونی
  • (+677) جزاير سليمان
  • (+252) سومالی
  • (+27) آفريقای جنوبي
  • (+82) كره ی جنوبي
  • (+211) سودان جنوبی
  • (+34) اسپانيا
  • (+94) سريلانكا
  • (+1) St. Lucia
  • (+249) سودان
  • (+597) سورینام
  • (+268) سوازیلند
  • (+46) سوئد
  • (+41) سوييس
  • (+963) سوريه
  • (+886) تايوان
  • (+992) تاجيكستان
  • (+255) تانزانيا
  • (+66) تايلند
  • (+1) The Bahamas
  • (+220) گامبیا
  • (+670) تیمور
  • (+228) توگو
  • (+690) توکلائو
  • (+676) تونگا
  • (+1) ترینیداد و توباگو
  • (+216) تونس
  • (+90) تركيه
  • (+993) تركمنستان
  • (+1) جزایر تورکس و کایکوس
  • (+688) تووالو
  • (+1) U.S. Virgin Islands
  • (+256) اوگاندا
  • (+380) اوكراين
  • (+971) امارات متحده ي عربي
  • (+44) انگلیس
  • (+1) امریکا
  • (+598) اوروگوئه
  • (+998) ازبكستان
  • (+678) وانواتو
  • (+58) ونزوئلا
  • (+84) ويتنام
  • (+681) والیس و فوتونا
  • (+212) صحرای غربی
  • (+967) يمن
  • (+260) زامبیا
  • (+263) زیمباوه

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت