التمهيد هي واحدة من الأطر الأكثر شعبية لتطوير الموقع. يقدم مجموعة واسعة من الأدوات والقدرات لإنشاء مواقع ويب حديثة وسريعة الاستجابة. أحد الجوانب المهمة لتصميم موقع الويب هو حجم الخط وأسلوبه. في هذا الدليل ، وسوف ننظر في كيفية بسهولة وبسرعة تغيير حجم الخط في التمهيد.
التمهيد يقدم عدة طرق لتغيير حجم النص على موقع الويب الخاص بك. واحدة من أسهل الطرق لاستخدام فئات الخط التي تقدمها بوتستراب. على سبيل المثال ، يمكنك استخدام فئات النص-سم ، النص-مد ، والنص-لغ لتعيين أحجام الخطوط المختلفة لأجهزة مختلفة. سيتم استخدام أحجام خطوط أكبر على سطح المكتب ، وأحجام أصغر على الأجهزة المحمولة.
هناك طريقة أخرى لتغيير حجم الخط في التمهيد وهي استخدام فئة حجم الخط. يمكنك تعيين حجم الخط بالبكسل أو القيم المحددة مسبقا مثل الصغيرة والمتوسطة والكبيرة. يمكن تطبيق هذه الفئة على أي عنصر على صفحة الويب الخاصة بك.
إذا كنت ترغب في ضبط حجم الخط بمزيد من التفصيل ، يمكنك استخدام ميزات كس. يوفر التمهيد الطبقات التي تسمح لك بسهولة تغيير حجم ونمط ولون النص. يمكنك أيضا تطبيق الأنماط الخاصة بك لتحقيق النتيجة المرجوة.
- كيفية استخدام كس لتغيير حجم الخط في بوتستراب
- استخدام فئات حجم النص لتغيير حجم الخط
- تغيير حجم الخط باستخدام الأنماط المضمنة
- استخدام استعلامات الوسائط لضبط حجم الخط بشكل تكيفي
- أمثلة على تغيير حجم الخط باستخدام التمهيد
كيفية استخدام كس لتغيير حجم الخط في بوتستراب
، إلخ. تسمح لك هذه الفئات بتعيين أحجام خطوط مختلفة لعناصر مختلفة.
. على سبيل المثال:
ص {
بكسل
) ، النسب المئوية (
%
) ، ريمس (
ريم
ح1 {حجم الخط: 2ريم;
الجسم {
حجم الخط: فار (font حجم الخط);
}
استخدام فئات حجم النص لتغيير حجم الخط
التمهيد لديها العديد من الفئات التي تسمح لك لتغيير حجم الخط. يطلق عليهم حجم النص - {الحجم} ، حيث يمكن أن تكون {الحجم} إحدى القيم التالية: سم (صغير) ، مد (متوسط) و لغ (كبير).
سيكون هذا النص صغيرا
وأخيرا ، للحصول على خط كبير ، استخدم فئة حجم النص-إل جي:
سيكون هذا النص رائعا
إذا كنت بحاجة إلى تغيير حجم الخط لعنصر معين ، فيمكنك استخدام الأنماط المضمنة. يتم تطبيق الأنماط المضمنة مباشرة في كود هتمل وتجاوز الأنماط المحددة في ملف كس الخارجي أو النمط الداخلي.
لتغيير حجم الخط باستخدام الأنماط المضمنة ، يمكنك استخدام
هذا هو نص فقرة بحجم خط 18 بكسل.
يمكنك أيضا استخدام وحدات قياس أخرى مثل النسب المئوية (
هذا هو نص فقرة بحجم خط 120 ٪ من القاعدة.
يرجى ملاحظة أن استخدام الأنماط المضمنة قد يكون مفيدا في بعض الحالات ، ولكن لا يوصى باستخدامها لجميع عناصر موقعك. تجعل الأنماط المضمنة من الصعب الحفاظ على التعليمات البرمجية وتحريرها ، لذلك من الأفضل استخدامها فقط للحالات الفردية عندما يكون ذلك ضروريا حقا.
استخدام استعلامات الوسائط لضبط حجم الخط بشكل تكيفي