كورس css | طريقة كتابة اكواد css و مكان كتابتها #2


النموذج التعليمي

في هذا الدرس ستتعلم طريقة كتابة الاكواد في لغة css و مكان كتابتها بالتحديد .

   عنوان المحاضرةطريقة كتابة اكواد css و مكان كتابتها
   ترتيب المحاضرةالمحاضرة الثانية
   مدة المحاضرة22:08
   نوع الكورسcss
   نوع الدورةدورة تصميم مواقع





كيف تكتب css

تكتب لغة css بطريقة مختلفة نوعا ما عن طريقة كتابة لغة html حيث لكتابة الكواد في هذه اللغة تحدد الوسم المراد تنسيق بمعني مثلا لو اردت تنسيق <p> كل ما عليك فعله هو ان تكتب اسم الوسم فقط بدون الاقواس تلك الخاصة به هكذا p و لكي تضيف التأثيرات عليه يجب ان تضع هذه التأثيرات في الاقواس المعقوفة تلك {} و تكتب التأثيرات بالشكل التالي التأثير و من ثم نقتطين فوق بعض ":" و قيمة التأثير و من ثم يتم غلقه بتلك العلامة ";" المثال التالي يوضح كل شيئ .

p{color: red;}



اين يتم كتابة اكواد css

هناك ثلاث اماكن لكتابة اكواد ال css و كل طريقة لها مميزاتها الخاصة .

كتابة اكواد css في ملف خارجي

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


<link rel="stylesheet" type="text/css" href="مسار ملف css"/>



كتابة اكواد css في ملف html نفسه

لكي تستطيع كتابه اكواد css في ملف html  كل ما عليك فعله هو ان تكتب وسم <style></style> بين وسم head و تكتب داخله اكواد css الخاصة بك انظر للمثال التالي .

<!doctype html>
<html>
<head>
<style>
p{color: red;}
</style>
</head>
<body>
<p>نص</p>
</body>
</html>



كتابة اكواد css داخل الوسم نفسه

لكتابة لغة css داخل الوسم في ملف html كل ما عليك هو فتح اقواس الوسم و كتابة بداخلها عنصر style و تكتب داخلة اكواد css المثال التالي يوضح بشكل كبير .

<!doctype html>
<html>
<head>
</head>
<body>
<p style="color:red;">نص</p>
</body>
</html>




No comments:

Post a Comment