ما هي لغة css صفحات الانماط الانسيابية

مقدمة

في الآونة الأخيرة لتطوير مواقع الويب نلاحظ أن تقنية HTML قد انتهت في تصميم شكل الموقع، حيث أنه أصبح الآن تستخدم لغة جديدة وهي الأفيد والأهم في عصرنا الحالي ألا وهي لغة Cascading Style Sheets تختصر لـ CSS ،،تعتبر هذه التقنية الأهم حالية وهي عبارة عن: هي لغة تصميم تحدد شكل وثيقة html, فهي تهتم بالخطوط، الشكل، الألوان، الهوامش، العرض، الارتفاع، الخلفية، كيفية توزيع المساحات، سنعرف المعنى الحقيقي في الدروس العملية المقبلة.
ما هي الفائدة من هذه اللغة؟

التحكم بالتصميم من خلال ملف واحد.
إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
حجم اقل للملفات الخاصة بالموقع.
العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.

ما هي طرق استخدام لغة css ؟ هناك ثلاثة أنواع لاستخدام تلك اللغة
أولا: تضمين كود css بنفس الـ tag ،،

رمز Code:

<p style=”color:#ff00ff;font-family: tahoma;”> Mamoda - عالم بين يديك </p>

النتيجة بهذا الشكل:

Mamoda – عالم بين يديك

ثانيا: تضمين الكود في أعلى الصفحة head ،،

رمز Code:

<html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Mamoda – عالم بين يديك</title> <style type=”text/css”> p{ color:#ff00ff; font-family:Tahoma; } </style> </head>

<body> <p>Mamoda – عالم بين يديك</p> </body> </html>

ثالثا: تضمين الكود بملف خارجي مع ربطه بصفحة الموقع،،
1 – ما هي لغة css صفحات الانماط الانسيابية
ويتم تضمين الملف السابق بالصفحة على الشكل التالي:

رمز Code:

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Mamoda – عالم بين يديك</title>
<link rel=”stylesheet” type=”text/css” href=”mamoda.css”/>
</head>

منقولة من منتديات ترايدنت

» مقدمة في لغة صفحات الانماط الانسيابية CSS-Cascading Style Sheets