-1-
-2-
ما هو CSS؟
CSS لتقف على أوراق الأنماط المتتالية
يصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى
CSS يوفر الكثير من العمل. يمكنه التحكم في تصميم صفحات الويب المتعددة مرة واحدة
يتم تخزين أوراق الأنماط الخارجية في ملفات CSS
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
-----------------------
بناء جملة CSS ومحددات
بناء جملة CSS
تتكون مجموعة قواعد CSS من محدد وفدرة إعلان:
محدد CSS
يشير المحدد إلى عنصر HTML الذي تريد نمطه.
تحتوي كتلة الإعلان على إعلان واحد أو أكثر مفصولة بفواصل منقوطة.
يتضمن كل إعلان اسم خاصية CSS وقيمة ، مفصولة بنقطتين.
ينتهي إعلان CSS دائمًا بفاصلة منقوطة ، وتحيط كتل الإعلان بأقواس مجعدة.
Example
In this example all <p> elements will be center-aligned, with a red text color:
p {
color: red;
text-align: center;}
-3-
-4-