كيفية إنشاء ورقة أنماط CSS بسيطة باستخدام Notepad

مؤلف: Clyde Lopez
تاريخ الخلق: 20 تموز 2021
تاريخ التحديث: 1 تموز 2024
Anonim
Make a Scrolling Website using Html & CSS & Javascript | تصميم موقع الكتروني
فيديو: Make a Scrolling Website using Html & CSS & Javascript | تصميم موقع الكتروني

المحتوى

يعد Notepad أحد برامج تحرير النصوص التي يمكن استخدامها لإنشاء مستند Cascading Style Sheet (CSS). بعد إنشاء ملف CSS في Notepad ، يمكنك ربط هذا الملف بصفحة ويب بحيث يمكن تنسيق محتوى صفحة الويب باستخدام ورقة الأنماط الخاصة بك.

خطوات

  1. 1 افتح برنامج المفكرة.
  2. 2انسخ الكود التالي:

charset "utf-8"؛ / * CSS Document * // * تحديد لون عنصر الجسم * / body {background: # FFFFFF؛} / * هذا القسم مخصص للروابط * / a: link { وزن الخط: عادي ؛ color: Navy} أ: تمت زيارتها {font-weight: normal؛ color: Green؛} a: hover {font-weight: bold؛ لون احمر؛ متغير الخط: small-caps؛} / * هذا القسم مخصص لقسم الفقرة * / p {font-style: italic؛ font-size: 18px؛} أزرق {color: # 0000FF؛} / * هذا القسم مخصص للحدود السوداء للصورة. * / img {border-color: # 000000؛ الحدود: سميكة ؛ نمط الحدود: ريدج ؛}

# الصق الكود من "الخطوة 2" في المفكرة.


  1. 1 احفظ الملف في المفكرة. احفظه تحت اسم "SimpleCSS.css" بالنقر فوق الزر "ملف" واختيار الأمر "حفظ". بعد النقر فوق الزر "حفظ" ، سيتم عرض مربع الحوار "حفظ باسم".
  2. 2 قم بتسمية ملف CSS الخاص بك. أدخل "SimpleCSS.css" أو أي اسم في مربع النص "اسم الملف" بامتداد ".css".
  3. 3 انقر فوق الزر "حفظ".
  4. 4 تم!

نصائح

  • احفظ ملف المفكرة على هيئة نص فقط (أحيانًا قد تسميها Text Document أو ASCII) وامنحه الامتداد ".css".
  • الكود الذي كتبناه هنا هو مجرد مثال يوضح لك كيفية إنشاء ملف CSS أساسي باستخدام Notepad لمعالجة عناصر HTML الخاصة به في نموذج صفحة الويب المعروضة في قسم المقدمة. يمكنك تغيير ترميز CSS الخاص بنا ، ومع ذلك ، كيف تريد تنسيق أنماط صفحات الويب ومظهرها.
  • تذكر وضع مستند CSS المحفوظ في نفس المجلد مثل مستندات HTML حيث أنشأت صفحات الويب الخاصة بك.
  • بعد إنشاء مستند CSS الخاص بك ، قد تحتاج إلى اتخاذ الخطوة التالية ؛ أي ربط مستند وصفحة ويب. يرجى الاطلاع على المقالات ذات الصلة من أجل القيام بذلك.

الأشياء ستحتاج

  • حاسوب
  • برنامج المفكرة
  • متصفح الانترنت