CSS هي اختصار لـ "Cascading Style Sheets" وهي لغة تُستخدم لتنسيق صفحات الويب وجعلها أكثر جاذبية وسهولة قراءة وتصفح. يمكن استخدام CSS لتغيير الألوان والخطوط والتخطيطات والحواف وغيرها الكثير. فيما يلي بعض الأمثلة على كيفية استخدام CSS:
لكتابة CSS في ملف منفصل، يمكن اتباع الخطوات التالية:
1- قم بإنشاء ملف جديد بامتداد ".css"، مثلاً "style.css".
2- افتح الملف الجديد باستخدام محرر نصوص مثل Notepad++ أو Sublime Text.
3- يمكنك الآن البدء في كتابة أكواد CSS داخل الملف، مثلاً:
body {
background-color: lightblue;
}
/* تنسيق العنوان */
h1 {
font-size: 32px;
color: #333;
text-align: center;
text-transform: uppercase;
}
/* تنسيق النص */
p {
font-size: 18px;
line-height: 1.6;
color: #555;
margin-bottom: 20px;
}
/* تنسيق الروابط */
a {
color: #0066cc;
text-decoration: none;
border-bottom: 1px solid #0066cc;
}
a:hover {
color: #004080;
border-bottom: 1px solid #004080;
}
5- بعد الانتهاء من كتابة الأكواد المطلوبة، قم بحفظ الملف باستخدام امتداد ".css".
6- يمكن ربط الملف الجديد بصفحة HTML باستخدام الوسم "link"، مثلاً:
<head>
<link rel="stylesheet" href="style.css">
</head>
