طرق كتابة لغة CSS

شرح طرق كتابة لغة CSS

شرح طرق كتابة لغة CSS

طرق كتابة لغة CSS

مقال اليوم برمجي للمبتدئين في مجال الويب والبرمجة وخصوصا الذين يدرسون لغة CSS الخاصة بالتصميم ، ماهي طرق كتابة لغة CSS وماهي اماكن وضعها ، هذا ماسنعرفه اليوم في هذا الموضوع البسيط , في لغة CSS هناك ثلاث طرق مختلفة لكتابة هذه اللغة وستحتاجهم بالتأكيد في التطبيق وسنتعرف علي هذه الطرق وسنحاول تبسيط اي شيء معقد في الطرق علما بان الطرق التي يمكنك كتابة لغة CSS بها طرق سهلة وبسيطة وسهل استخدامهم في صفحتك او موقعك علي الويب .

قد يهمك :- كيفية إدراج رمز الإعلان في موقعك على ووردبريس

الطريقة الأولى

أول طرق كتابة لغة CSS هي الطريقة العادية والتي تكون بين وسمي style وهذه الطريقة هي أبسطهم واسهلهم وتكون بهذا الشكل دائما

<style>

الكود هنا

</style>

وبامكانك ان تضع هذا الكود في أي مكان في الصفحة ويفضل ان يكون في رأس الصفحة

الطريقة الثانية

الطريقة الثانية لكتابة css ويعتبر من أفضل طرق كتابة لغة CSS هي كتابة اكواد اللغة في ملف منفصل وادخال رابط الملف داخل وسم HEAD ، تقوم بعمل ملف بصيغة css وتضع بداخله الأكواد وثم تضع في وسم ال HEAD هذا الكود :-

<link rel=”stylesheet” href=”link here “>

وبهذه الطريقة تكون قد اضفت كود css داخل الصفحة وهذه الطريقة يفضلها اغلبية الاشخاص نظرا لانك تقوم بفصل اكواد ال css عن باقي اللغات .

الطريقة الثالثة

الطريقة الثالثة لكي تقوم بكتابة لغة css هي أن تقوم بادخال اكواد ال css داخل العنصر نفسه في html ويكون الكود داخل ال html بهذا الشكل تماما :-

<“body style=”color:white></body>

هذه الطريقة ايضا تعمل بدون أي مشاكل ويمكنك استخدامها او استخدام اي طريقة منهم او جميعهم ولك حرية الاختيار ولكن شخصيا افضل أول أو ثاني طريقة  ، كان هذا موضوعنا اليوم وسنقوم بنشر دروس برمجية قريبا تخص مبرمجين الفرونت اند تحديدا مثل css و html وجافا سكريبت اتمني ان يكون الموضوع أفادكم ولاتنسوا مشاركة المقال للافادة ولاتنسي الاطلاع علي شهادات الموقع واذا كان لديك أي استفسار اتركه في تعليق او في صفحة الأسئلة

 

ايهاب زين

مشاركة الموضوع :-
الصورة الافتراضية
ايهاب زين
مصري 20 سنة خبرة في عالم المواقع والتدوين وخبرة في SEO وحاصل علي شهادة المليون مبرمج عربي في تطوير المواقع وشهادة جوجل للتسويق الالكتروني , وحاصل علي شهادة في SEO من Blue Array Academy و SEMRUSH
المقالات: 48

اشترك

أدخل عنوان بريدك الإلكتروني أدناه للاشتراك في النشرة الإخبارية لدينا

اترك ردّاً