آموزش CSS - طریقه نوشتن CSS

تعداد بازدید: 804

یکی از قانون ها کد زدن در CSS این است که باید شامل یک انتخابگر عنصر html و یک استایل (سبک) باشد ، بعنوان نمونه :

 

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

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

هر تعریف شامل یک نام استایل CSS و یک مقدار است که توسط یک colon یا همان دو نقطه ، جدا شده است.

چندین تعریف CSS با نقطه ویرگول از هم جدا شده و انتخابگر ها توسط آکولاد از هم جدا می شوند ، شما میتوانید برای چندین عنصر html از یک انتخابگر استفاده کنید ، مثلا شما 2 عدد h1 دارید و برای استایل دادن بهش فقط کافیه از مثال بالا استفاده کنید .

مثال : در این مثال به تگ p استایل میدهیم

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

در این مثال ، تمام عناصر <p> در یک تراز وسط قرار دارند و یک رنگ متن قرمز دارند .

توضیح مثال :

p یک انتخابگر در CSS است ( این به عنصر HTML که می خواهید استایل دهید اشاره می کند :  <p> ).

color یک ویژگی است ، و red مقدار ویژگی می باشد که میگوید متن ما رنگ قرمز بگیرد .

text-align هم یک ویژگی میباشد ، و center مقدار ویژگی است که میگوید متن ما وسط قرار گیرد .

 

در قسمت های بعدی با انتخابگرهای CSS و ویژگی های CSS  بیشتر آشنا خواهید شد!

مطالب تصادفی

سید مرتضی یثربی

طراح گرافیک و برنامه نویس فرانت 😉

blog-author-image