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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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