Как увеличить шрифт с помощью html/css?
У меня есть этот html:
<div class = "a"><font size = "40"><font
color = "black">A</font></font></div>
Дело в том, что я не могу увеличить размер шрифта. Что бы я ни делал, он всегда остается в определенном размере. Например, если я увеличу 40 до 50, это не будет иметь никакого значения.
Затем я попытался:
.a {font-size: 50px;}
Ничего.
Ссылка на страницу: https://adsler.co.uk/about-adsler/
Тег шрифта @elveti устарел, а не объявлен устаревшим. Sta, ваш тег шрифта переопределяет ваш класс, поскольку он находится внутри, и поэтому имеет приоритет - удалите тег шрифта, и ваш css будет работать (и ваш html будет действительным - на данный момент это не так)
@Pete из MDN: «Не используйте этот элемент! Хотя он был нормализован в HTML 3.2, он был устарел в HTML 4.01, в то время как все элементы, относящиеся только к стилю, затем устарели в HTML5». то же самое
@elveti твоя точка зрения? - прочитать последнюю часть вашего комментария затем устарело в HTML5. устаревшее имеет совершенно другое значение, чем устаревшее
@ Пит, хорошо, чувак, ты выиграл. <font> устарел
Вот что у меня есть сейчас. <div class = "a"> A </h1></div><div class = "boutus"><bout Us</div>..... boutus {margin-left :100px; margin-top:180px; font-size: 90px; color: black;}
Но текст bout Us не отображается?
Ответы 4
Начиная с HTML5, тег Font устарел. Вместо этого вы должны стилизовать все свои элементы с помощью css:
<div class = "a"> A </div>
<style>
.a {
font-size: 40px;
color: black;
}
</style>
.boutus {margin-left :100px; margin-top:180px; font-size: 90px; color: black;}...<div class = "a"> A </h1></div><div class = "boutus"><bout Us</div> почему не отображается текст bout Us?
Вы должны использовать стиль CSS для тега div: -
<div style = "font-size:50px; color: black;">A</div>
Тег <font> больше не поддерживается и не работает в HTML5.
Удалите его и установите стиль в теге <style> в <head> или в связанной таблице стилей:
<style>
.a {
font-size: 40px;
color: black;
}
</style>
В качестве альтернативы, установите стиль непосредственно для встроенного элемента:
<div style = "font-size: 40px; color: black">A</div>
Спасибо. Но я уже пробовал настраивать font-size: 40; Работает только если убрать размер шрифта html?
Да, удалите теги <font>. См. этот codepen для правильной реализации. Если стили не обновляются, попробуйте установить стили внутри div, как показано во втором примере: codepen.io/Роутон/pen/vwOgNR
Итак, вот что у меня сейчас: .boutus {margin-left :100px; margin-top:180px; font-size: 90px; color: black;}.....<div class = "a"> A </h1></div><div class = "boutus"><bout Us</div>
Если то, что вы набрали, правильно скопировано с вашей веб-страницы, то есть несколько опечаток: есть пробел после margin-left и перед двоеточием, после текста есть закрывающий тег </h1>, но нет открывающего <h1> . Я рекомендую попытаться воспроизвести ваши стили в codepen, потому что я не могу диагностировать проблему, основываясь только на скопированном тексте.
Тег шрифта поддерживает атрибут «размер» в виде числа от 1 до 7. вы можете использовать пользовательский css для тега шрифта с атрибутом «стиль», например
<font style = "font-size:40px;">A</font>
или вы можете удалить тег шрифта и применить атрибут стиля к тегу div
<div style = "font-size:40px;">A</div>
<font>устарела и не должна использоваться, так как многие функции (например,size = "") больше не работают. developer.mozilla.org/en-US/docs/Web/HTML/Element/шрифт Вместо этого используйте CSS, как это предлагается в других ответах.