3 طرق لإدراج أكواد CSS في موقعك تعرف عليها الآن!

السلام عليكم ورحمة الله تعالى وبراكاته،

إذا كنت تفكر في إنشاء موقع إلكتروني أو شيء مثل هذا ستحتاج لغة يفهمها المتصفح و هي لغات كثيرة... فهناك لغات تصميم و بناء المواقع و هناك لغات لبرمجة المواقع...
 و ال CSS  لغة الأنماط و التي تعطي الجمال لموقعك، لكتابة هاته اللغة هناك 3 طرق و سنتطرق إليها في هذا الموضوع إن شاء الله.

1 - كتابة أكواد CSS في ملف خارجي :

نتطرق إلى هذه الطريقة حيث تُعتبر هي المشهورة و التي يستعملها أغلب مالكي المواقع، فهي طريقة محمية و ما يميزها أنها طريقة منظمة و عادة ما تكون خالية من الأخطاء...
لكتابتها نقوم بكتابة هذا الكود قبل </head>

<link rel="stylesheet" type="text/css" href="name.css"/>

فقط قم بتغيير اسم الملف كما قمت بتسميته أنت 

2 - كتابة أكواد CSS مع أكواد HTML : 

هذه الطريقة غالبا ما تستعمل في المنصات التي لا تدعم رفع أكثر من ملف، فيلجأ صاحب الموقع في هذه الحالة إلى إدراج أكواد CSS داخل ملف HTML.

لكتابتها نقوم بكتابة هذا الكود قبل </head>

<b:skin><![CDATA[

هنا تكتب أكواد CSS

]]></b:skin>

3 - كتابة أكواد CSS و رفعها في مركز رفع :

هذه الطريقة يستعملها أصحاب المواقع سواء كانت المنصة التي يعمل عليها تدعم إدراج أكثر من ملف أو كانت تدعم فهذه الطريقة سهلة و تضمن سلامة ملفاتك و أكثر المراكز المستعملة هي DropBox. هذه الطريقة تشبه نوعا ما الطريقة الأولى.

ما عليك سوى رفع الملف و أخذ الرابط و و نكتب هذا الكود قبل الوسم </head>

    <link href='http://cdn.jsdelivr.net/darfonts/0.1/jor-saud-ext/stylesheet.css' rel='stylesheet'/>

قم بتعويض الرابط الأخضر برابط الملف الذي رفعته .. 

أرجو إن شاء الله أن الطرق أعجبتكم ففي الأخير كل شخص و الطريقة التي تساعده و يراها أنها جيدة و نلتقي إن شاء الله في مواضيع أخرى و طرق جديدة... لا تنسو إن شاء الله تَعليقاتكم المُحفزة للأمام بإذن الله :) شكرا لكم .. 

الكاتب : رامي نزلي