Как сделать мой шрифт полужирной CSS использования?
Щелкните правой кнопкой мыши Project -> Properties .. -> Java Build Path -> Libraries -> Add Class Folder ...
8 ответов
Вы должны использовать font-weight: bold .
Вы хотите сделать все документ жирный? Или только его части?
Вы можете использовать элемент strong в html, что является отличным семантически (также подходит для программ чтения с экрана и т. Д.), Что обычно отображается как полужирный текст:
См. Здесь, некоторый выделенный текст . Или вы можете использовать свойство font-weight css для выделения текста любого элемента полужирным шрифтом:
span {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>
Следующий - более общий подход, он работает со всеми тегами «p» (абзац) в вашем документе и, кроме того, делает их ОГРОМНЫМИ. Кстати. 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 (назовите его 'hello_world.css'):
p {
font-weight:bold;
font-size:26px;
}
В другой файл вы должны поместить html (назовите его 'hello_world.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>
Надеюсь, это немного поможет . Чтобы обратиться к конкретным элементам в вашем документе, а не ко всем тегам, вам следует ознакомиться с атрибутами class , id и name . Удачи!
Вы можете использовать объявление CSS font-weight: bold; .
Я бы посоветовал вам прочитать руководство для начинающих по CSS на http: // htmldog.com/guides/cssbeginner/.
<!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>