مقدمة مع لغة Css

البرمجة
a pic of منير
2024/03/07
15

مقدمة تعريفية عن لغة Css وكيفية استدعائها في مشروعك

مقدمة مع لغة Css
مقدمة مع لغة Css
#HowToFrontend

؟Cssما هي لغة

هي لغة تنسيق المواقع وتشكيلها. تستطيع من خلالها تغيير أشكال عناصر صفحة الويب الخاصة بك.

و يتم تشبيههما كثيراً بأساسات البناء وإكسائه.Htmlترافق لغة

#HowToFrontend

كتابة التعليقات

تستخدم التعليقات لشرح موضوع ما أثناء كتابة الكود حتى

نبتعد عن الحيرة في سبب كتابة كل سطر.

نقوم بكتابة /* */ ونكتب التعليقCssلكتابة تعليق بلغة

داخلهما كما في المثال :

/*This is a comment */

#HowToFrontend

أقسام الكود

p { color: red; }

Selector (عنصر) Property (خاصية) Value (قيمة)

المراد تنسيقهhtml عن عنصر Selector. يعبر ال 1

عن الخاصية التنسيقية المطلوب تعديلهاProperty. تعبر ال 2

عن قيمة الخاصية المطلوبةValue. تعبر ال 3

* انتبه لاستخدام الألوان فهي ثابتة على مدار الكتاب

#HowToFrontend

في صفحتكCssطرق تضمين كود

:Inline Styling

.Html داخل عنصر style attributeهو تنسيق عنصر باستخدام ال

:style tagباستخدام ال

.head الذي يكتب عادةً في ال style ال داخل عنصر Cssكتابة كود

:styling.cssباستخدام ملف خارجي

استدعاء ملف تنسيقات خارجي في رأس الصفحة باستخدام عنصر .link

<p style=”color: red”>

<style> p { color: red } </style>

<link rel=”stylesheet” src=”./styling.css”>