زخرفة صفحة ويب وحجم الخط في هتمل

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

ترتبط عدة علامات بالتنسيق. الأكثر شيوعا "p" - الفقرة. يحتوي على معلمات اختيارية تحدد مظهر النص.

المعلمة الأولى والرئيسية هي "محاذاة". وهو يحدد محاذاة النص ويمكن أن تأخذ القيم "اليسار"، "الحق"، "مركز" و "تبرير" - محاذاة على الجانب الأيسر، على اليمين، وسط وعلى طول العرض الكامل للكتلة، على التوالي. لاحظ أن موقف النص لم يتم تعيين فيما يتعلق حدود الشاشة، ولكن ضمن الفقرة.

التالي يأتي معلمات "كلاس" و "إد"، التي تحدد الفئة التي ينتمي إليها الكائن ومعرفه، بما في ذلك السمة "النمط" - فإنه يحدد المدمج في نمط كتلة. ترتبط جميع هذه الخصائص ب كس، والتي سنناقشها أدناه.

العلامة "p" هناك عيب واحد - لا يمكن استخدامهاحدد مظهر الخط، على سبيل المثال، لونه أو حجمه. لهذه الأغراض، المقصود علامة أخرى - "الخط". تحدد جميع معلماته كيفية ظهور النص.

السمة الأولى لهذه العلامة هي "اللون". كما كنت تفكر في ذلك، يتم تعيين اللون في ذلك. يمكن لهذه المعلمة قبول كلا الاسمين ("أبيض"، "أصفر"، "أرجواني")، والقيم في نظام رغب. ويتم ذلك على النحو التالي: أولا وضع علامة #، ومن ثم تحديد ثلاثة أرقام في التدوين الست عشري من 00 إلى فف أو من 0 إلى 255 - في عشري - عدد الأحمر والأخضر والأزرق في اللون النهائي. على سبيل المثال، لاستخدام اللون الأحمر، تحتاج إلى كتابة "# ff0000"، أصفر - "# ffff00".

السمة التالية هي "الوجه". وهو يحدد سماعة الخط. على سبيل المثال، يمكنك تعيينه إلى "تيمس نيو رومان" أو "تاهوما".

وأخيرا، المعلمة "الحجم" هي المسؤولة عن حجم الخط في هتمل. فإنه يأخذ قيمة عددية - حجم.

على سبيل المثال، لطباعة النص باللون الأزرق والخط "كوميك سانس مس" من دبوس الخامس عشر، تحتاج إلى تعريف العلامة "p" مع المعلمات:

كولور = "# 6666ff" فاس = "كوميك سانس مس" سيز = "15"

وهناك أيضا العديد من العلامات التي تسمح لك لتحديد نوع معين واحد من التنسيق: "ب" - جريئة، "ط" - مائل، "ش" - تسطير أسفل السطر. كل منهم ليس لديهم معلمات.

تحديد سمات النص في هتمل - حجم الخط،سماعة - غير مريح للغاية. تخيل أنك تحتاج إلى كتل بديلة مع تصميم نص مختلف. ثم لكل من العلامات سيكون لديك لتحديد نفس السمات. هو أكثر ملاءمة لتنفيذ هذا باستخدام كس-المتتالية ورقة الأنماط. على سبيل المثال، لإنشاء فئة صورة تسمى "ميكلاس" بنفس التصميم كما في المثال السابق، يمكنك إضافة السطر التالي إلى علامة "النمط":

#myclass {فونت: رغب (102،102،255) "كوميك سانس مس" 15pt؛}

هنا "رغب (102،102،255)" يحدد اللون "كوميديبلا MS "- سماعة و" 15pt "- حجم الخط اللون يمكنك أيضا تعيين الاسم والخط - مثل لعبة البولنج، وبكسل (لهذا تحتاج إلى كتابة، على سبيل المثال،" 20px ").

لتطبيق هذا التصميم، تحتاج إلى الكتابة في العلامة "p":

كلاس = "ميكلاس"

بنفس الطريقة يمكنك رسم أي نص آخر. وهو ما يكفي لتعيين المعلمة "فئة" مع قيمة الفئة التي تريد استخدامها.

وإنشاء معرف مع اسم "ميد"، تحتاج إلى الكتابة في "نمط":

#myid {فونت: رغب (102،102،255) "كوميك سانس مس" 15pt؛}،

وفي العلامة "p" تعيين السمة "إد" مع قيمة "ميد".

الفئة والمعرف هي نفسها تقريبا. في هذه الحالة، يمكن الإعلان عن علامة واحدة إما الأولى أو الثانية:

كلاس = "ميكلاس" إد = "ميد"

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

كما ترون، تغيير حجم الخط في هتمل ليس صعبا. الشيء الرئيسي في البرمجة هو الممارسة، وذلك في محاولة لتدريب أكثر، وسوف تنجح!

</ p>