Я новичок в HTML и CSS, и мне просто интересно, как я могу сделать шрифт жирным с помощью CSS.
У меня есть обычная HTML-страница, которая импортирует CSS-файл, и я могу изменить шрифт в CSS. Но я не знаю, как сделать шрифт жирным, может ли кто-нибудь помочь мне?
Вы можете использовать шрифт-вес объявление CSS: смелый;
.
Я бы посоветовал вам прочитать руководство УСБ новичок в http://htmldog.com/guides/cssbeginner/ .
Вы можете использовать "сильный" элемент]1 в HTML, который отлично подходит семантически (также хорошо для чтения с экрана и т. д.), что как правило отображается как жирный текст:
в
See here, some <strong>emphasized text</strong>.
в
Или вы можете использовать в шрифт-вес свойства CSS
в стиль любого элемента'ы, текст жирным шрифтом:
в
span { font-weight: bold; }
<p>This is a paragraph of <span>bold text</span>.</p>
в
Вы используете font-weight: bold
.
Вы хотите сделать весь документ жирным? Или только некоторые его части?
Синус вы новичок в HTML вот три готовых к использованию примеров о том, как использовать CSS вместе с HTML. Вы можете просто поместить их в файл, сохранить его и открыть его в браузере на ваш выбор:
Это одна непосредственно встраивает свой стиль CSS в теги/элементы. Как правило, это не очень хороший подход, потому что вы должны всегда отделять контент/HTML с дизайном.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
</head>
<body>
<p style="font-weight:bold;">Hi, I'm very bold!</p>
</body>
</html>
Следующий более общий подход и работает на всех "Р" и (для пункт) теги в документ и дополнительно делает их огромными. Кстати. Google использует такой подход в своих поисках:
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<style type="text/css">
p {
font-weight:bold;
font-size:26px;
}
</style>
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Вы, наверное, займет пару дней играть с первых примеров, но вот последний. В этом Вы, наконец, полностью отделить дизайн (CSS) и содержимое (HTML) друг от друга в двух разных файлах. сайте StackOverflow использует этот подход.
В один файл, который вы положили все CSS (назовем его 'она.в CSS'):
p {
font-weight:bold;
font-size:26px;
}
В другой файл, вы должны поставить HTML (назовем его 'она.HTML-код'):
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<link rel="stylesheet" type="text/css" href="hello_world.css" />
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
Надеюсь, что это помогает немного. Для решения конкретных элементов в ваш документ, а не все теги, которые вы должны сделать себя знакомы с Класс
, ID
и имя
атрибутами. Получайте удовольствие!
Selector name{
font-weight:bold;
}
Предположим, вы хотите сделать смелое для элемента P
p{
font-weight:bold;
}
Вы можете использовать другие альтернативные ценности, а не жирным, как
p{
font-weight:bolder;
font-weight:600;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE type="text/css">
body
{
font-weight: bold;
}
</STYLE>
</HEAD>
<BODY>
Body text is now bold.
</BODY>
</HTML>
font-weight: bold
Можно использовать несколько подходов. Первый будет использование тега strong
Here is an <strong>example of that tag</strong>.
Другой подход мог бы использовать шрифт-вес свойством. Вы можете достичь рядный, или через класс или ID. Позвольте'говорят, что вы're с помощью класса.
.className {
font-weight: bold;
}
Кроме того, вы также можете использовать жесткий значение для шрифт-вес и большинство шрифтов поддерживают в интервале между 300 и 700, увеличивается на 100. Например, следующий будет жирным:
.className {
font-weight: 700;
}