آموزش CSS (قسمت 3): ساختار ترکیب(انتخابگر و سلکتور CSS)

(آموزش رایگان انتخابگر یا سلکتور CSS)(آموزش رایگان CSS)

در قسمت قبلی آموزش رایگان CSS به معرفی CSS پرداختیم. این قسمت به معرفی قانون SyntaxA CSS که مربوط به یک انتخابگر و یک بلوک اعلان می باشد می پردازیم.

آموزش انتخابگر یا سلکتور CSS

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

بلوک اعلان شامل یک یا چند اعلان است که با نقطه ویرگول از هم جدا می شوند.

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

چند اعلان CSS با نقطه ویرگول از هم جدا می شوند و بلوک های اعلان با پرانتزهای مجعد احاطه می شوند.

اسمش مشخصه دیگه، یعنی اینکه بتونیم تگی را در صفحه انتخاب کنیم سپس با استفاده از ویژگی های CSS دستورات مورد نظرمون رو، روی اون تگ اعمال کنیم.

در این روش کافیه فقط اسم تگ رو بنویسیم، فقط همین! یعنی شما تک به تک تگ های HTML رو در نظر داشته باشید، هر کدومو خواستید براش استایل تعریف کنید کافیه فقط نام اون تگ رو بنویسیم

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

(آموزش رایگان انتخابگر یا سلکتور CSS)(آموزش رایگان CSS)

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

پیش نمایش آنلاین

توضیح مثال:

  • p یک انتخابگر در CSS است (به عنصر HTML که می خواهید استایل دهید اشاره می کند:< p >).
  • رنگ یک ویژگی است و قرمز مقدار ویژگی است.
  • text-align یک ویژگی است و مرکز مقدار ویژگی است.

در فصل های بعدی اطلاعات بیشتری در مورد انتخابگرهای CSS و ویژگی های CSS خواهید آموخت!

جعبه دانلود
لطفا حتما ذکر شود.
در صورت نیاز از رمز بالا استفاده نمایید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.