سبد خرید (0)

ساختار دستورات CSS

ساختار (syntax) دستورات CSS

Wiki

یک قانون یا Rule در CSS از دو قسمت اصلی تشکیل شده است:

  1. گزینشگر یا Selector
  2. اعلان یا Declaration

Selector معمولاً یک تگ HTML است که می خواهید آنرا قالب بندی کنید.

هر Declaration شامل یک Property و یک Value است.

Property در واقع یک خاصیت است که شما می خواهید آنرا تغییر دهید، هر Property یک مقدار دارد.


یک مثال ساده از نحوه نوشتن CSS

Wiki

یک اعلان همیشه با علامت ";" پایان می پذیرد و اعلان هایی که در یک گروه قرار دارند با آکولاد باز و بسته احاطه می شوند:

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

برای اینکه فایل CSS شما خواناتر باشد می توانید هر اعلان را در یک خط قرار دهید، مانند زیر:

مثال (ساختار دستورات CSS)

p
{
color:red;
text-align:center;
}
خودتان امتخان کنید »

توضیحات یا Commentها در CSS

Wiki

 Commentها برای توضیح درباره کد استفاده می شود، و ممکن است زمانی که بخواهید کدتان را یک زمان دیگر ویرایش کنید کمکتان کند.

Commentها در مرورگرها دیده نمی شود.

یک Comment در CSS با علامت "*/" شروع و با "/*" پایان می پذیرد.

/*This is a comment*/
p
{
text-align:center;
/*This is another comment*/
color:black;
font-family:arial;
}

فیلم آموزش CSS

در فیلم آموزشی زیر، می توانید مطالب گفته شده در بالا را مشاهده نمایید:

برای خرید پکیج کامل فیلم آموزش CSS روی لینک روبرو کلیک فرمایید: فیلم آموزش CSS

دیدگاه‌ها  

+1 # حامد محمدزاده 1396-03-19 12:31
با سلام
اگر بخواهیم هر بخش پاراگراف از نظر استایل دهی فونت و رنگ مجزا از بقیه متن باشد چکار باید کنیم ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1396-03-21 08:46
سلام، دو روش پیش روی شماست:
1- برای هر کدام از پاراگراف های مورد نظر، یک کلاس منحصر بفرد تعریف کنید و در ادامه کلاس مورد نظر را استایل دهی کنید.
2- با استفاده از روش استایل دهی درون تگی که در واقع همان تنظیم ویژگی style است، شروع به استایل دهی پاراگراف ها کنید.
پیشنهاد ما روش 1 است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+40 # محمدمهدی 1393-09-09 23:19
داداش دمتون گزم
احسنت / ان شاالله خدا کمکتون کنه

زکات علمتو پرداخت کردی !
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+22 # mostafanorzade 1393-02-01 07:31
beeeeeeeeeeeeee syaaaaaaar aaaalllliiiiiii
dasasteton dard nakone. :lol: :lol: :lol:
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی CSS

بستن
مدرس:

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

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!