فهم مفاهيم CSS الرئيسية
- نمط مضمن: يتم تطبيق النمط على عنصر HTML واحد فقط.
- ورقة أنماط مضمنة: يتم تعريف الأنماط في عنصر
<style> داخل صفحة HTML.
- ورقة أنماط خارجية: يتم تعريف الأنماط في ملف CSS منفصل ويتم استيراده إلى صفحات HTML.
تطبيق CSS على صفحات الويب الخاصة بك
<p style="color: red;">this text is red</p>
<style>
p {
color: blue;
}
</style>
<p>this text is blue</p>
<link rel="stylesheet" href="style.css">
/* style.css */
p {
color: green;
}
مثال بسيط لتوضيح تطبيق CSS:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>هذا نص أزرق</p>
</body>
</html>
/* style.css */
p {
color: blue;
}
نصائح إضافية لتحسين إمكانية الوصول وسهولة الاستخدام:
- استخدم الألوان المتباينة للنص والخلفية.
- استخدم نصًا كبيرًا وقابل للقراءة بسهولة.
- تجنب استخدام الصور أو النصوص المتكررة.
- استخدم علامات الترميز الدلالي (مثل
<h1> و<h2>) بدلاً من العلامات التقديمية (مثل<div> و<span>).
- تأكد من توافق موقع الويب الخاص بك مع المعايير (مثل HTML5 و CSS3).