Учун HTML Size Tag чынында эле барбы?

Ошол сыяктуу эле, силер HTML менен курулуш баракчалар баштайт эле, ченөө менен иштей баштайт. Сиздин сайт үчүн аны карап келген жол карап, ыктымал же башка дизайнер жараткан жасалган туура келген, сиз ошол сайттын тексттин өлчөмү, ошондой эле беттеги башка элементтерин өзгөртүү керек. Бул үчүн Сиз HTML "өлчөмү" тег издей башташат мүмкүн, бирок бат эле жок болот.

HTML көлөмү теги HTML жок. Тескерисинче, тамга, сүрөттөр өлчөмүн же Cascading Style Sheets колдонушу керек макетти максатында. Негизи, бир сайттын текст же башка элементтин үчүн керек болгон көрсөтмө өзгөрүү CSS чечилиши керек! HTML менен гана түзүлүшү мүмкүн эмес.

учун HTML көлөмү тег жакын теги, чынында эле, көлөмү касиетти берген эски арип теги болуп саналат. Бул тег HTML учурдагы котормолордо эскирип калган жана келечекте браузерлерди тарабынан колдоого алынышы мүмкүн эмес деп, сабак алгыла! Сиз HTML менен арип теги колдонуп келген жок! Тескерисинче, өлчөмүнө CSS билүү сиздин HTML элементтерин жана ошого жараша сиздин сайтыбызды стилдештирүүнү керек.

арип Sizes

Fonts балким CSS менен өлчөмү жөнөкөй нерсе. Moreso CSS менен эле, ошол текстти туткасы караганда сиз жөнүндө көбүрөөк белгилүү болот сайты жазалган . Сиз тексттин өлчөмү, түсү, сүрөтү Биро, салмагын, жолду, жана аныктай алат. арип тег менен гана өлчөмүн, андан кийин ар бир кардар үчүн айырмаланат Серепчинин жарыяланбаган арип өлчөмү бир катар салыштырмалуу катары аныктоого болот.

12pt бир Тамганын көлөмүн бар үчүн пунктун орнотуу үчүн, арип өлчөмү стили мүлктү колдонуу:

h3 {арип өлчөмү = 24px; }

Бул стилдеги headiing3 элементтердин 24 пиксел Тамганын көлөмүн жолго чыгышчу. Сиз сырткы стилдин бардык жерде сиздин сайттын H3s бул стилди колдоно турган бул кошуу мүмкүн.

Сиз текстке кошумча typographic стилдерди кошуп алгысы келсе, анда бул CSS эреже үстүнө кошуп мүмкүн:

h3 {арип өлчөмү: 24px; түс: # 000; арип өлчөмү: нормалдуу; }

Бул ошондой эле кара түс (# 000 каражаттары болт коду болот) жана бул "нормалдуу" салмакка жолго коюуга болмок H3s үчүн гана Тамганын көлөмүн калтырган эмес. Алыдын ала, браузерге Айдарлар 1-6 айбаттуу текстти чыгарат, ошондуктан бул стили деп демейки жана олуттуу "БУУ-тайманбастык менен:" текстти жокко чыгара турган.

Image Sizes

сен сүрөттү өлчөмүн серепчини колдонууга болот, анткени Images өлчөмүн аныктоо үчүн татаал болушу мүмкүн. Албетте, браузер аркылуу сүрөттөрдү өзгөртүү ал барактар ​​сүрөттөрү жаман карап даярдоо, жай жана браузерлер көп өлчөмүн бир начар иш жүктөөгө себеп болот, себеби, жаман идея болуп саналат. Силер болсо, тескерисинче, пайдалануу керек сүрөттөрдү өлчөмүн сүрөттөр программаларды жана Желе барак HTML алардын айкын өлчөмдөрү жаз.

тамгалар айырмаланып, сүрөттөр өлчөмүн аныктоо үчүн HTML же CSS да пайдалана алат. Сиз айкелдин бийиктиги туурасын аныктайт. Сиз HTML колдонуп жатканда, сиз гана пиксел сүрөттүн өлчөмүн аныктоого болот. Сиз колдонгон болсо, оолактап, сантиметр, ал эми пайыздык, анын ичинде башка өлчөө колдоно аласыз. Бул акыркы балл, пайызы, абдан пайдалуу Озунуздун суротторунузду таасир сайтына эле, суюктук болушу керек эле.

HTML аркылуу сүрөттүн өлчөмүн аныктоо үчүн, IMG тег бийиктиги, туурасы сапаттарын колдонушат. Мисалы, бул сүрөт 400x400 пиксел чарчы болмок:

бийиктик = "400", туурасы = "400" alt = "сүрөттөлүш" />

CSS аркылуу сүрөттүн өлчөмүн аныктоо үчүн, бийиктиги, туурасы стилдин касиетин колдонуу. Мына, өлчөмүн аныктоо үчүн CSS жардамы менен бир сүрөт, ал:

стили = "бийиктиги: 400px; туурасы: 400px;" чыкма = "сүрөттөлүш" />

жайылмасын Sizes

Эгер жайлаштыруунун аныктоо абдан жалпы көлөмү, туурасы, сиз чечим керек биринчи нерсе колдонуу жокпу белгиленген туурасы калыбын же жооп сайты. Башка сөз менен айтканда, сиз пиксел, оолактап, же ойлордун так санын эле туурасын аныктоого бара жатабыз? Же сиз Жайылма энин EMS же пайыздар менен ийкемдүү болуу үчүн коюлган бара жатабыз? Сиздин жайгаштыруу өлчөмүн аныктоо үчүн, бир окшоштуруп эле силерге окшогон эле туурасы, бийиктиги CSS касиеттерин пайдалануу.

Fixed туурасы:

стили = "туурасы: 600px;">

Суюк туурасы:

стили = "туурасы: 80%;">

Эгер жайгашууда көлөмдөгү жөнүндө чечим кабыл жатасыз, сиз акыл менен окуган ар серепчи кендигинин пайдалануу жана алар менен боло турган ар кандай аспаптар үчүн керек. Бул эмне үчүн жооп сайттар , алардын жайгашуусун өзгөртүүгө болот, жана ар кандай приборлордун жана экран өлчөмдөрүн негизинде туткасы, бүгүн мыкты тажрыйбасы типтүү болуп саналат.