WEP.X
مرحبا بكم في موقع (WEP.X) موقع متخصص في علوم التكنولوجيا والبرمجة نقدم محتوي تعليمي عن لغات البرمجة وتكنولوجيا الحاسوب
(css)
نقدم كورس تعليمي مجاني مكون من30 درس لتعلم لغة (css)
اول درس»»
تعريف لغة (css) :-
لغة (css) هي لغة style تسمي (cascading style sheets) ترجمة اوراق الانماط الانسيابية
المحتوي
- المقدمة
- تعريف (css)
- ما هي محددات (css)
- كيف يتم ربط ملفات (css) مع ملفات (html)
(المقدمة)
ما هي علاقة (css) بلغة (html):
(html) هي لغة بناء اساس الموقع الالكتروني اما لغة (css) هي التي تطلي هذا الاساس وتجمل وتنصق مظهره من حيث اللون او الحجم او الحدود والموضعيات وعناصر اخري كثير....
(تعريف css)
ما هي لغة (css) :
(css) هي لغة تنظيم وتجميل عناصر (html) هي تطبق قواعد معينة علي العناصر مثل تغيير لون وحجم ومكان عنصر معين من خلال الخصائص الخاصة بها والمحددات التي ستطبق عليها
(ما هي الخصائص والمحددات)
خصائص (css) هي شبيه بخصائص (html) هي خصائص تطبيقية علي المحدد الي هو اسم عنصر (html) او اسم متحدد ب (class)
امثلة علي خصائص (css) .....
<p>hallo world</p>
هذا عنصر html لعرض نص- {;هنا نكتب الخصائص}p
هكذا تم تحديد العنصر (p) لتطبيق عليه الخصائص - ;color:red
;text-align:center
;opacity:0.5
;border:solid 10px #555
هذه هي الخصائص التي ستطبق علي العنصر p
سوف يظهر النص في المتصفح باللون الأحمر ويصطف في منتصف الشاشة ويظهر شفاف بنسبة خمسين في المئة ويكون له حدود بعرض ولون محددين في الخاصية border - ;القيمة:border
خاصية الحدود - ;القيمة:opacity
لدرجة شفافية النص - ;القيمة:text-align
لمحاذة العنصر في اي اتجاه
ويمكن ان تكون المحددات من (id) او (class) في html
(كيف يتم دمج css مع html)
يتم دمج (css) مع (html) بثلاث طرق مختلفة
1. عن طريق وضع خاصائص (css) في عنصر (html) نفسه كخاصية
2. عن طريق وضع خصائص (css) في صفحة (html) ايضا لكن غي قسم head وتطبيقها علي العناصر
3. عن طريق وضع (css) في ملف مستقل بامتداد .css ثم دمجة الي صفحة html من خلال العنصر (link) في head
فيديو شرح
الخاتمة:-
هكذا قد اتممنا شرح عن لغة (css) نقدم كورس تعليمي مجاني مكون من30 درس لتعلم لغة css
اول درس»»