منتديات كلداني
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات كلداني

ثقافي ,سياسي , أجتماعي, ترفيهي
 
الرئيسيةالرئيسيةالكتابة بالعربيةالكتابة بالكلدانيةبحـثمركز  لتحميل الصورالمواقع الصديقةالتسجيلدخول
 رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورة  رأي الموقع ,,لقراءة الموضوع اكبس على الصورة
رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورةقصة النسخة المزورة لكتاب الصلاة الطقسية للكنيسة الكلدانية ( الحوذرا ) والتي روّج لها المدعو المتأشور مسعود هرمز النوفليالى الكلدان الشرفاء ,,لقراءة الموضوع اكبس على الصورةملف تزوير كتاب - ألقوش عبر التاريخ  ,,لقراءة الموضوع اكبس على الصورةمن مغالطات الصعلوگ اپرم الغير شپيرا,,لقراءة الموضوع اكبس على الصورةدار المشرق الغير ثقافية تبث التعصب القومي الاشوري,,لقراءة الموضوع اكبس على الصورة

 

  دروس انماط HTML-CSS

اذهب الى الأسفل 
كاتب الموضوعرسالة
القسم الفني
(داينمو الموقع)
(داينمو الموقع)
القسم الفني


 دروس انماط HTML-CSS Uouuuo10
 دروس انماط HTML-CSS Awsema200x50_gif
البلد : العراق
الجنس : ذكر
عدد المساهمات : 107
تاريخ التسجيل : 15/06/2017
<b>العمل/الترفيه</b> العمل/الترفيه : مهندس تكنولوجيا المعلومات/ ‎ IT Engineer

 دروس انماط HTML-CSS Empty
مُساهمةموضوع: دروس انماط HTML-CSS    دروس انماط HTML-CSS Alarm-clock-icon19/1/2020, 3:33 pm

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

جدول المحتويات




تصميم HTML مع CSS

أوراق الأنماط المتتالية (بالإنجليزية: Cascading Style Sheets) اختصارًا: سي إس إس (بالإنجليزية: CSS) هي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق (الألوان - الخطوط - الأزرار....) عن محتوى المستند المكتوب (بلغة مثلا إتش تي إم إل) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة.
يصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى.
 CSS يوفر الكثير من العمل ويمكنه التحكم في تصميم صفحات الويب المتعددة مرة واحدة.
يمكن إضافة CSS إلى عناصر HTML بثلاث طرق:

  • Inline او المتداخل - باستخدام سمة النمط Style في عناصر HTML
  • Internal او داخلي- باستخدام عنصر <style> في قسم <head>
  • External او خارجي - باستخدام ملف CSS خارجي

الطريقة الأكثر شيوعًا لإضافة CSS هي الحفاظ على الأنماط في ملفات CSS منفصلة ومع ذلك سنستخدم هنا التصميم الداخلي والمضمّن لأن هذا أسهل في التوضيح.


المتداخل Inline CSS

يتم استخدام CSS المتداخل لتطبيق نمط فريد على عنصر HTML واحد
يستخدم CSS المتداخل سمة النمط style لعنصر HTML
يعين هذا المثال لون نص العنصر <h1> إلى اللون الأزرق:
الكود:
<h1 style="color:blue;">عنوان باللون الازرق</h1>



الداخلي Internal CSS

يتم استخدام CSS داخلي لتحديد نمط لصفحة HTML واحدة
يتم تعريف CSS داخلي في قسم  <head>بصفحة HTML ضمن عنصر <style>
الكود:
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>عنوان</h1>
<p>فقرة</p>

</body>
</html>



الخارجي Internal CSS

يتم استخدام ورقة أنماط خارجية لتحديد النمط للعديد من صفحات الـ  HTML
باستخدام ورقة أنماط خارجية يمكنك تغيير شكل موقع الويب بالكامل عن طريق تغيير ملف واحد!
لاستخدام ورقة أنماط خارجية أضف رابطًا إليها في قسم  <head> لصفحة HTML
الكود:

<!DOCTYPE html>
<html>
<head>
 <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1> عنوان</h1>
<p> فقرة</p>

</body>
</html>

يمكن كتابة ورقة أنماط خارجية في أي محرر نصوص يجب ألا يحتوي الملف على أي كود HTML ويجب أن يتم حفظه بملحق css
إليك كيف يكون ملف "styles.css":
الكود:
body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
دروس انماط HTML-CSS
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كلداني :: بَرَامِجُ وَتِكْنُولُوجِيَا الكمبيوتروالصوتيات وَالصُّورَ والساتلايت والاقمار الصِّنَاعِيَّةَوالسيارات :: قسم كودات HTML,CSS,Javascript-
انتقل الى: