ما هي لغة 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>

</head>

</html>

فيديو أماكن كتابة أكواد inline &internal stylesheet) css)

ملحوظة مهمة: سؤال/ هل لابد ان اضع style في الـhead؟؟

الجواب: لن يفرق الامر، ولكنه الافضل ان يكون في تاج الـhead

2-Inline stylesheet

وهو كتابة الـstyle كــattribute في العنصر

مثال

هنا يكون المقال مكتوبا وملونا باللون الاخضر او اللون الذي تضعه في الـstyle

</p>

شاهد ايضا : ما هو مفهوم البرمجة وما هي برمجة الويب

فيديو أماكن كتابة أكواد external stylesheet) css)

3-External stylesheet

ملف Css خارجي ولابد من ان يتم ربطه مع صفحة الـHtml ونكتبه في الـhead

نكتب في تاج الـhead الاتي

rel وهي relationship علاقة هذا الملف بالصفحة(علاقة انه ملف style له وينسقه)

href وهو hypertext reference وهو رابط الملف(مكان الملف)

style.css وهو اسم الملف

ملحوظة: اذا الملف داخل مجلد folder وكان اسم المجلد مثلا Css

بالتالي سنكتب الكود هكذا:

نكتب اسم المجلد ثم سلاش(/) ثم اسم الملف

شاهد ايضا : ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟

تلخيص أماكن كتابة أكواد css الـ3 طرق(inline & internal & external)

ملحوظة ثانية:

1-اذا كان لديك اكثر من صفحة وتريد ربطها بملف css فالافضل ان تربطها كل هذه الصفحات بملف واحد وهو الملف الخارجي فهو الافضل، بدلا من ان تربط كل صفحة بملف منفصل

2- واذا كنت مستخدما ملف داخلي وخارجي فالذي سيعمل هو المكتوب في السطر الذي يلي الاخر