قواعد و ساختار CSS :
زبان CSS (Cascading Style Sheets) ابزاری قدرتمند برای کنترل ظاهر صفحات وب است. در این مقاله به بررسی ساختار کلی CSS، شامل قواعد، انتخابگرها و اعلانها میپردازیم.
قواعد:
قواعد CSS بلوکهای اصلی تشکیلدهنده این زبان هستند. هر قاعده شامل دو بخش است:
* انتخابگر: بخش انتخابگر مشخص میکند که کدام عناصر در صفحه وب باید تحت تاثیر قاعده قرار بگیرند.
* اعلان: بخش اعلان شامل ویژگیها و مقادیر آنها است که ظاهر عناصر انتخابشده را تعیین میکند.
انتخابگرها:
انتخابگرها نوع عناصری که باید تحت تاثیر قاعده CSS قرار بگیرند را مشخص میکنند. انواع مختلفی از انتخابگرها وجود دارند، از جمله:
* انتخابگرهای نوع: این انتخابگرها بر اساس نوع عنصر، مانند h1، p، div و … عمل میکنند.
* انتخابگرهای کلاس: این انتخابگرها بر اساس کلاسهای HTML که به عناصر اختصاص داده شدهاند عمل میکنند.
* انتخابگرهای ID: این انتخابگرها بر اساس شناسههای HTML که به عناصر اختصاص داده شدهاند عمل میکنند.
* انتخابگرهای فرزند: این انتخابگرها بر اساس عناصر فرزند یک عنصر خاص عمل میکنند.
* انتخابگرهای مجاور: این انتخابگرها بر اساس عناصری که بلافاصله بعد از یک عنصر خاص قرار دارند عمل میکنند.
اعلانها:
اعلانها شامل ویژگیها و مقادیر آنها هستند که ظاهر عناصر انتخابشده را تعیین میکنند. هر اعلان شامل دو بخش است:
* ویژگی: ویژگی مشخص میکند که کدام جنبه از ظاهر عنصر باید تغییر کند.
* مقدار: مقدار مشخص میکند که چگونه باید ویژگی تغییر کند.
مثال css:
}h1
;color: red
;font-size: 20px
{
در مثال بالا، قاعده CSS شامل موارد زیر است:
* انتخابگر: h1
* اعلان:
* ویژگی: color
* مقدار: red
* ویژگی: font-size
* مقدار: 20px
این قاعده رنگ تمام عناوین h1 را به قرمز و اندازه فونت آنها را به 20 پیکسل تغییر میدهد.
نتیجهگیری css:
CSS ابزاری قدرتمند برای کنترل ظاهر صفحات وب است. آشنایی با ساختار کلی CSS، شامل قواعد، انتخابگرها و اعلانها، به طراحان وب کمک میکند تا صفحات وب جذاب و کاربرپسند طراحی کنند.