ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟

ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟




ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟

ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟ هي اللغة التي نستخدمها في تصميم صفحات الويب وهي تتعامل مع لغات markup language مثل Html, XHtml وتستخدم ايضا في تصميم اي انترفيس interface أو أي شئ مكتوب بلغة Html وهي اختصار لـ Cascading Style Sheets



هي ليست لغة برمجة من اللغات التي تتعامل مع الداتا بيس Database وقواعد البيانات وهي لغة من لغات البرمجة القياسية التي تفيدك في تصميم موقعك وتعديل مقاساته والالوان والعناصر وتتحكم في حجمها (تحكم كامل في تصميم موقعك)؛ يعني التحكم في الوان العناصر وخلفيتها وحجم العنصر، الخط وحجمه والصور واحجامها، وتتحكم في شكل موقعك عند الطباعة وتتحكم في موقعك على الهواتف الذكية والموبايلات



البنية الخاصة بالكود 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- واذا كنت مستخدما ملف داخلي وخارجي فالذي سيعمل هو المكتوب في السطر الذي يلي الاخر 


إقرأ أيضا :



Post a Comment

أحدث أقدم