أحدث المواضيع :
Loading...
مساحة اعلانية

الدرس الأول : مقدمة


 

ما هو CSS؟

  • css هواختصار ل Cascading Style Sheets ويمكن ترجمتها ب  أوراق الأنماط المتتالية
  • يصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى
  • يوفر CSS الكثير من العمل. يمكنه التحكم في تخطيط العديد من صفحات الويب دفعة واحدة
  • يتم تخزين أوراق الأنماط الخارجية في ملفات CSS
لماذا نستخدم CSS؟

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

مثال :
------------------------

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>أول مثال على سي اس اس </h1>
<p>هذه فقرة .</p>

</body>
</html>

-----------------------------------------------


يظهر المثال السابق في المتصفح بالشكل :

أول مثال على سي اس اس

هذه فقرة

حل CSS مشكلة كبيرة

لم يكن الهدف من HTML أبدًا أن يحتوي على علامات لتنسيق صفحة ويب!
تم إنشاء HTML لوصف محتوى صفحة الويب ، مثل:

<h1>هذا عنوان </h1>

<p>هذه فقرة.</p>

عندما تمت إضافة علامات مثل <font> وسمات اللون إلى مواصفات HTML 3.2 ، فقد بدأت كابوسًا لمطوري الويب. أصبح تطوير مواقع الويب الكبيرة ، حيث تمت إضافة الخطوط ومعلومات الألوان إلى كل صفحة ، عملية طويلة ومكلفة.

لحل هذه المشكلة ، أنشأ اتحاد شبكة الويب العالمية (W3C) سي اس اسCSS.

أزال CSS تنسيق النمط من صفحة HTML!

إذا كنت لا تعرف ما هو HTML ، فنقترح عليك قراءة دروس HTML الخاصة بنا.

CSS يوفر الكثير من الجهد والعمل!

عادةً ما يتم حفظ تعريفات الأنماط في ملفات .css الخارجية.

باستخدام ملف CSS خارجي ، يمكنك تغيير مظهر موقع ويب بأكمله عن طريق تغيير ملف واحد فقط!


انتهى الدرس.



ليست هناك تعليقات:

إرسال تعليق