نکات CSS

نکات CSS

توضیحات برای توضیح کد استفاده می‌شود و ممکن است در زمان ویرایش کد منبع شما مفید باشند.

مرورگر توضیحات را نادیده می‌گیرد.

محل <style> توضیحات CSS در داخل عناصر، با /* شروع، با */ پایان:

مثال

/* این یک توضیحات خطی است */
p {
  color: red;
}

آزمایش کنید

شما می‌توانید توضیحات را در هر قسمتی از کد اضافه کنید:

مثال

p {
  color: red;  /* متن را به قرمز می‌کند */
}

آزمایش کنید

توضیحات می‌تواند چند خطی باشد:

مثال

/* این
یک توضیحات چند خطی
توضیحات */ 
p {
  color: red;
}

آزمایش کنید

توضیحات HTML و CSS استفاده کنید

از آموزش HTML، شما یاد می‌گیرید که می‌توانید از <!--...--> نکات در کد منبع HTML اضافه می‌شوند.

در مثال زیر، ما از نکات HTML و CSS به طور همزمان استفاده کرده‌ایم:

مثال

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* رنگ متن به قرمز تنظیم می‌شود */
} 
</style>
</head>
<body>
<h2>عنوان من</h2>
<!-- این بخش‌ها قرمز خواهند بود -->
<p>Hello World!</p>
<p>این متن با CSS طراحی شده است.</p>
<p>نکات CSS در خروجی نمایش داده نمی‌شوند.</p>
</body>
</html>

آزمایش کنید