دورة تعليم css - الدرس الثاني

السلام عليكم ورحمة الله وبركاته .. نستكمل معآ دورة دروس تعليم لغة Css



أولآ أين تكتب لغة الـ css ؟؟

تكتب وسوم لغة الـ Css بثلاث طرق سنتعرف عليها واحده تلو الاخري في الدروس القادمة ولكن دعنا الان نتعرف علي الطريقة الاولي التي تكتب بها وسوم لغـة الـ Css

الطريقة الاولي :- تكتب وسوم الـ Css بين الوسمين <head>  </head> 

هكذا
<head>هنــا وسوم الـ css</head>

ثــانيــآ أقواس الكــتابة بـلغة الـ Css ؟؟

وسوم الــ Css تكتب داخل قوسين بــهـذا  الشكـــل    {  }

إذآ لــتعرف شيــئآ ** وسوم الـ HTML ** (( تكتب داخل قوسين بهذا الـشكل < > ))  بينما ** وسوم Css **
تــكتب داخل قوسين بــهذا الــشكل {  }


ثـالثـآ كيفية الكتـابة بلغة الـ Css ؟؟

سوف نــأخذ مثال بــلغة الــ HTML أولآ ثم نقوم بتطبيقة بلــغة الــ Css

** سنقوم بعمل مثال مكتوب فيه Hello world ** بــلغة Html وسنجعل لون الخـط أحمر عن طريق HTML
وتكون كلمه Hello world عنوان h1 كـالتالي :-

<html>
<head>
<title>
al3almi
</title>
</head>
<body>
<h1>
<font color="#FF0000"> hello world </font>

</h1>
</body>
</html>

ستكون الصورة الظاهرة امامكم بهذا الشكل :-
إذآ ما رأيك إذآ بتطبيق نفس الخطوات لكن بلغة الـ Css كــالتالي :-


ستظهر لك الصورة كـالتالي :-

لا يوجد فرق بين هذه الصورة والصورة الاخري التي تسبقها فنحن قمنا في الاولي بعمل الخطوات بلغة الـ HTML وفي الثانية قمنا بعملها بــلغة الــ Css

ولــكن انت بالطبع الان لا تعرف ما الذي انا قمت بعمله وسأشرحه لك بالتفصيل الممل
أولآ نحن قبل كــتابه وسوم الـ Css قمنا بفتح وسمين وهما <style>   </style>
وهذين الوسمين فرض علينا كتابتهما ووضع ووسوم الــ Css بداخلهما فهما البداية والنهاية لوسوم الـ Css ** مثل وسمي الـ <html> و </html> **

ثـانـيآ قمنا بكتابة h1 ومن ثم فتحنا قوسين بهذا الشكل { }
كتبنا الـ h1 قبل القوسين وذلك كي نشير الي ان التغيير المراد نحن عمله سيكون علي وسم الــ h1 لذا مفروض علينا قبل التعديل علي اي وسم من وسوم الـ HTML ان نكتبه قبل قوسين الـ Css { }

ثالثآ وهيا خطوه مهمه جدآآ نحن اردنا تغيير لون الكلمه فــ كتبنا color وهذا طبيعي لاننا كنا نريد تغيير اللون
ولكننا بعد كلمة color قمنا بعمل نقطين : وهذين النقطتين يجب علينا كتابتهما بعد كتابه اسم التأثير المراد نحن عملة
وبعد ما قمنا بكتابة اللون المراد تطبيقه قمنا بعمل فصلة منقوطه بهذا الشكل ; وهذا ايضآ فرض علينا كتابته كي نعلم او نخبر المتصفح اننا انتهينا من كتابه اللون ** في لغة الـ Html ** كنا نستخد نهاية الوسم بهذه الطريقة / ولكن في ** css ** نستخدم ;

ارجو ان تكونو قد استفدتم من هذا الدرس وفي الدروس القادمة سنوضح بأمثلة اكثر حتيي تتمكنو كليآ كل ما عليك هوا مراجعة الدرس فقط واذا كان لديكم اي استفسارات انا في الخدمة




تعليقات

المشاركات الشائعة من هذه المدونة

خدمة تصميم الشعارات واللوجوهات مجانآ

skilledup شرح افضل محرك بحث خاص بالدورات والكورسات المجانية والمدفوعة

سارع بالحصول علي اللوجو الخاص بك