ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟
ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟ هي اللغة التي نستخدمها في
تصميم صفحات الويب وهي تتعامل مع لغات markup language مثل Html, XHtml وتستخدم
ايضا في تصميم اي انترفيس interface أو أي شئ مكتوب بلغة Html وهي اختصار
لـ Cascading Style Sheets
هي ليست لغة برمجة من اللغات التي تتعامل مع الداتا بيس Database وقواعد
البيانات وهي لغة من لغات البرمجة القياسية التي تفيدك في تصميم موقعك وتعديل
مقاساته والالوان والعناصر وتتحكم في حجمها (تحكم كامل في تصميم موقعك)؛ يعني
التحكم في الوان العناصر وخلفيتها وحجم العنصر، الخط وحجمه والصور واحجامها،
وتتحكم في شكل موقعك عند الطباعة وتتحكم في موقعك على الهواتف الذكية
والموبايلات
فيديو مقدمة عن CSS
البنية الخاصة بالكود Syntax وكيفية كتابة كود Css
العنصر المختار ينطبق عليه التنسيق selector وهو الذي يعبر عن تاجات
الـ Html
property وهي الخاصية، value وهي قيمة الخاصية وكلهم معا يسموا قاعدة Rule
والسطر property:value يسمي declaration(اعلان)(الخاصية وقيمتها)
selector
{
property:value;
}
لو التاجات tags لها نفس الخاصية نعمل لها grouping
طرق استدعاء كود Css أو أماكن كتابة كود Css
وهي 3 طرق كالاتي:
1-Internal stylesheet
ملف Css داخلي ونكتب الاكواد Css في صفحة الـHtml في تاج الـhead
<html>
<head>
<style> css هنا نكتب كود
</style>
</head>
</html>
فيديو أماكن كتابة أكواد inline &internal stylesheet) css)
ملحوظة مهمة: سؤال/ هل لابد ان اضع style في الـhead؟؟
الجواب: لن يفرق الامر، ولكنه الافضل ان يكون في تاج الـhead
2-Inline stylesheet
وهو كتابة الـstyle كــattribute في العنصر
مثال
<p style="color:green">
هنا يكون المقال مكتوبا وملونا باللون الاخضر او اللون الذي تضعه في الـstyle
</p>
شاهد ايضا : ما هو مفهوم البرمجة وما هي برمجة الويب
فيديو أماكن كتابة أكواد external stylesheet) css)
3-External stylesheet
ملف Css خارجي ولابد من ان يتم ربطه مع صفحة الـHtml ونكتبه في الـhead
نكتب في تاج الـhead الاتي
<link rel="stylesheet" href="style.css"/>
rel وهي relationship علاقة هذا الملف بالصفحة(علاقة انه ملف style له وينسقه)
href وهو hypertext reference وهو رابط الملف(مكان الملف)
style.css وهو اسم الملف
ملحوظة: اذا الملف داخل مجلد folder وكان اسم المجلد مثلا Css
بالتالي سنكتب الكود هكذا:
نكتب اسم المجلد ثم سلاش(/) ثم اسم الملف
<link rel="stylesheet" href="Css/style.css"/>
تلخيص أماكن كتابة أكواد css الـ3 طرق(inline & internal & external)
ملحوظة ثانية:
1-اذا كان لديك اكثر من صفحة وتريد ربطها بملف css فالافضل ان تربطها كل هذه
الصفحات بملف واحد وهو الملف الخارجي فهو الافضل، بدلا من ان تربط كل صفحة
بملف منفصل
2- واذا كنت مستخدما ملف داخلي وخارجي فالذي سيعمل هو المكتوب في السطر الذي
يلي الاخر
طريقة كتابة البنية الخاصة بكود Syntax of CSS
كيفية إضافة الألوان في css style الستايل |(color name, hex , rgb)
درس 7 css: تغيير خلفية لصفحة html - كيفية إضافة خلفية لصفحة html
ما الفرق بين margin و padding؟ difference between margin & padding
تابع margin & padding وعلاقتهم بالعناصر الانلاين والبلوك
outline and border
كيفية عمل سكرول custom scrollbar css باستخدام css فقط
اقرأ ايضا
الحاسوب:
الانترنت:
