Как выделить слова в абзаце в HTML / CSS? - PullRequest
Новая
       5

Как выделить слова в абзаце в HTML / CSS?

19 голосов
/ 30 января 2012

Я новичок в веб-программировании и у меня есть несколько очень простых вопросов.

Я пытаюсь выделить несколько слов в одном абзаце, но я не знаю, как это сделать с помощью HTML / CSS. Я понял, как выделять целые абзацы, но не отдельные слова. Как я могу выделить одно слово, например «жирный» в моем примере?

Это выделяет весь абзац: 

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p class="n1">I am in bold. </p>
</body>
</html>

Ответы [ 7 ]

30 голосов
/ 30 января 2012 
<p><strong>This is in bold.</strong> This is not.</p>

Вы можете найти Mozilla Developer Network как очень удобный и надежный справочник.

8 голосов
/ 20 апреля 2013

Я знаю, что этот вопрос старый, но я столкнулся с ним, и я знаю, что у других людей может быть такая же проблема.Все эти ответы в порядке, но не дают надлежащих подробностей или фактических ИСТИННЫХ советов.

При желании стилизовать определенный раздел абзаца используйте тег span. 

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

AndyУорхол (6 августа 1928 г. - 22 февраля 1987 г.) был американским художником, который был ведущей фигурой в движении изобразительного искусства, известном как поп-арт.

Как показывает код, стили тега span науточняются слова: «Энди Уорхол».Кроме того, вы можете стилизовать слово с помощью любых кодов стилей шрифтов CSS. 

{font-weight; font-size; text-decoration; font-family; margin; color}, etc.

Любой из этих и других элементов можно использовать для стилизации слова, группы слов или даже указанных абзацев без необходимости добавлять класс вТаблица стилей CSS Док.Надеюсь, это кому-нибудь поможет!

3 голосов
/ 12 августа 2012 
<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p class="boldpara">Stack overflow is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

3 голосов
/ 30 января 2012 
<p><b> BOLD TEXT </b> not in bold </p>;

Включите текст, который вы хотите выделить жирным шрифтом, между <b>...</b>

3 голосов
/ 30 января 2012

если вы хотите просто "выделить жирным шрифтом", ответ Майка Хофера в основном правильный.

, но обратите внимание, что тег выделяет его содержимое по умолчанию, но вы можете изменить это поведение, используя css, пример: 

p strong {
    font-weight: normal;
    font-style: italic;
}

Теперь ваш "жирный шрифт" выделен курсивом:)

Итак, попробуйте использовать теги по значению, а не по стилю по умолчанию.

1 голос
/ 10 июля 2015

Добавить <b> тег 

<p> <b> I am in Bold </b></p>

Для получения дополнительных тегов форматирования текста нажмите здесь

1 голос
/ 30 января 2012

Хотя у вашего ответа есть много решений, я думаю, что это отличный способ сохранить строки кода.Попробуйте использовать пролеты, которые отлично подходят для таких ситуаций, как ваша.

  1. Создайте класс для выделения любого элемента жирным шрифтом.Таким образом, для текста абзаца это будет 
span.bold(This name can be anything do not include parenthesis) {
   font-weight: bold;
}
  1. В вашем html вы можете получить доступ к этому классу, например, используя теги span и добавив класс полужирного или любой другойимя, которое вы выбрали
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...