يعد تغيير لون مخطط الخط إحدى الطرق لإضفاء مزيد من التعبير والأصالة على النص. تستخدم هذه التقنية على نطاق واسع عند إنشاء العناوين الرئيسية والشعارات واللافتات وعناصر التصميم الأخرى. في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية تغيير لون مخطط الخط بسهولة وسرعة على موقع الويب الخاص بك.
الخطوة الأولى هي تحديد لون مخطط الخط. يمكن أن يكون أي لون من اختيارك ، ولكن يجب أن تضع في اعتبارك التباين مع خلفية النص بحيث يكون مخطط الخط مرئيا بوضوح. يمكنك اختيار لون قياسي من لوحة أو استخدام أدوات خاصة من شأنها أن تساعدك على اختيار لون على أساس رمز عرافة أو قيم رغب.
بعد تحديد لون الحد ، تحتاج إلى تطبيقه على النص. للقيام بذلك ، سوف تحتاج إلى معرفة كس. لتعيين لون حد الخط ، يمكنك استخدام خاصية "النص-الحد-اللون" وتحديد القيمة المطلوبة. يمكنك أيضا استخدام خاصية" حد النص " وتحديد كل من لون الحد وعرض الحد مرة واحدة ، إذا لزم الأمر.
ملاحظة: لا تدعم جميع المتصفحات بشكل كامل خصائص "النص-الحد-اللون" و "النص-الحد". تحقق من التوافق مع جميع المتصفحات التي تستخدمها قبل تطبيق هذه الخصائص.
- المبادئ الأساسية
- تعلم ترميز الخط
- افتح ملف كس
- ابحث عن محدد العنصر
- تغيير قيمة العقار
- احفظ التغييرات
- تحديث الصفحة
المبادئ الأساسية
لتغيير لون مخطط الخط في هتمل ، يجب استخدام الخاصية كس الحدود اللون:
| الممتلكات | الوصف | مثال على القيمة |
|---|---|---|
| لون الحدود | يحدد لون المخطط التفصيلي للعنصر | الأحمر ، #00000 ، رغب (0 ، 0 ، 255) |
يمكن تعيين قيمة خاصية لون الحدود بطرق مختلفة:
| طريقة المهمة | مثال |
|---|---|
| اسمه الألوان | لون الحدود: أحمر; |
| رموز عرافة | لون الحدود: #0000; |
| قيم رغب | الحدود اللون: رغب (0 ، 0 ، 255); |
إذا كنت ترغب في تعيين نفس اللون لجميع جوانب عنصر ، يتم استخدام الإدخال التالي:
لون الحدود: أحمر;
إذا كنت ترغب في تعيين اللون لكل جانب على حدة ، يتم استخدام الإدخال التالي:
الحدود اللون: أحمر أخضر أزرق أصفر;
عند تعيين الألوان لكل جانب ، يكون الترتيب مهما: أعلى ، يمين ، أسفل ، يسار.
تعلم ترميز الخط
قبل تغيير لون مخطط الخط ، من المهم فهم الترميز المستخدم في الخط. يحدد ترميز الخط كيفية تمثيل الأحرف في الكمبيوتر.
هناك العديد من الترميزات الشائعة ، مثل أوتف-8 ، أوتف-16 ، ويندوز-1251 وغيرها. في كل ترميز ، يتم تمثيل الأحرف بقيم رقمية مختلفة يمكن للكمبيوتر تفسيرها وعرضها على الشاشة.
لمعرفة ترميز الخط ، يمكنك استخدام أدوات متنوعة ، مثل برامج تحرير النصوص أو الخدمات عبر الإنترنت. في المحرر ، يمكنك فتح ملف خط ومعرفة الأحرف التي يتم عرضها بشكل صحيح وأيها لا يتم عرضها.
يمكنك أيضا استخدام الخدمات عبر الإنترنت التي تسمح لك بعرض ترميز الخط الذي تهتم به. يمكنك تحميل خط إلى هذه الخدمة والحصول على معلومات حول الترميز والأحرف المدعومة.
افتح ملف كس
لتغيير لون مخطط الخط ، تحتاج إلى فتح ملف كس من موقعك. يحتوي ملف كس على إرشادات تحدد مظهر العناصر على صفحة ويب. إذا لم تكن قد أنشأت ملف كس حتى الآن ، تحتاج إلى إنشاء واحد.
لفتح ملف كس ، يمكنك استخدام أي محرر نصوص مثل المفكرة ، نص سامية أو فيسوال ستوديو كود. ابحث عن الملف بالملحق .المغلق ، الذي يحتوي على أنماط موقعك ، وفتحه باستخدام المحرر المحدد.
إذا كنت تستخدم بيئة تطوير ويب مثل دريمويفر أو وورد ، يمكنك العثور على ملف كس في شريط الأدوات المناسب أو محرر النمط.
بعد فتح ملف كس ، يمكنك تحرير التعليمات البرمجية ، إضافة قواعد نمط جديد ، وتعديل تلك الموجودة. ابحث عن المحدد أو الفئة المطلوبة التي تحدد نمط النص ، وأضف خاصية "لون الحدود" بقيمة اللون المطلوبة.
مثال على الكود:
ح1 {الحدود اللون: # فف0000;}
في هذا المثال ، قمنا بتعيين لون الحد الأحمر لـ ح1 رؤوس. بالإضافة إلى القيمة السداسية العشرية (#ف 0000) ، يمكنك أيضا استخدام كلمات رئيسية مثل "أحمر" أو "أزرق" ، أو استخدام تنسيقات ألوان أخرى ، مثل "رغب (255 ، 0 ، 0)".
ابحث عن محدد العنصر
يمكن أن يكون محدد العنصر مختلفا ويعتمد على العنصر المحدد. على سبيل المثال ، إذا كنت تريد تغيير لون مخطط الرأس ، فيمكن أن يكون المحدد هو ح1 أو ح2 علامة. إذا كنت ترغب في تغيير لون المخطط التفصيلي للفقرة ، فيمكن أن تكون علامة ص هي المحدد.
يمكن أن تحتوي العناصر أيضا على سمات أو فئات إضافية يمكن استخدامها لإنشاء محددات أكثر دقة. على سبيل المثال ، إذا كان لديك عدة فقرات وتريد تغيير لون الحد لواحدة منها فقط ، فيمكنك استخدام سمة المعرف أو فئة الفئة لإنشاء محدد أكثر دقة.
بمجرد العثور على محدد العنصر المطلوب ، يمكنك البدء في تغيير أنماطه ، بما في ذلك لون مخطط الخط.
تغيير قيمة العقار
).
لتغيير لون مخطط الخط ، حدد قيمته في سمة العنصر المقابلة. على سبيل المثال ، إذا كنت بحاجة إلى تعيين لون الحد إلى اللون الأحمر ، فيمكنك استخدام الكود التالي:
| أتش تي أم أل | المغلق |
|---|---|
|
سيكون لها مخطط أحمر.
، وهو مدعوم في جميع المتصفحات الحديثة.
احفظ التغييرات
بعد إجراء التغييرات اللازمة على رمز صفحة الويب الخاصة بك ، احفظ الملف باستخدام ملف .أتش تي أم أل التمديد. للقيام بذلك ، حدد "حفظ" من القائمة "ملف" في محرر هتمل الخاص بك أو ببساطة اضغط كترل+س على لوحة المفاتيح.
تأكد من حفظ الملف في نفس موقع الملف الأصلي لصفحة الويب الخاصة بك. إذا كنت تعمل مع محرر هتمل عبر الإنترنت ، فتحقق من إعدادات حفظ الملف قبل النقر فوق الزر "حفظ".
عند الحفظ ، تأكد من أن امتداد الملف هو.أتش تي أم أل يتوافق مع تنسيق المستند. خلاف ذلك ، قد لا يتعرف متصفحك على الملف كصفحة ويب وقد لا يعرض محتوياته بشكل صحيح.
الآن بعد أن قمت بحفظ التغييرات ، قم بتقليل محرر هتمل الخاص بك وافتح متصفح ويب. في شريط عنوان المتصفح ، أدخل المسار إلى ملف هتمل لفتحه. بعد ذلك ، ستتمكن من رؤية التغييرات التي أجريتها على صفحة الويب.
| تلميح: | إذا لم يتم عرض التغييرات التي أجريتها على صفحة الويب ، فحاول مسح ذاكرة التخزين المؤقت للمتصفح. في بعض الأحيان تقوم المتصفحات بحفظ نسخ من صفحات الويب لتسريع تحميلها ، وقد يؤدي ذلك إلى حقيقة أنك لن ترى تغييرات فورية. |
تحديث الصفحة
لرؤية تغييرات لون مخطط الخط على الصفحة ، تحتاج إلى تحديث الصفحة. يمكن القيام بذلك عن طريق النقر فوق الزر المناسب في متصفحك أو باستخدام اختصار لوحة المفاتيح إف 5. سيسمح لك تحديث الصفحة بمشاهدة نتائج التغييرات والتأكد من أن لون مخطط الخط الذي حددته يبدو كما هو متوقع.