Как сделать мой шрифт жирным с помощью css?

Если вы новичок в html, вот три готовых к использованию примера того, как использовать CSS вместе с html. Вы можете просто поместить их в файл, сохранить его и открыть в браузере по вашему выбору:

Этот стиль напрямую встраивает ваш стиль CSS в ваши теги/элементы. Как правило, это не очень хороший подход, потому что вы всегда должны отделять контент/html от дизайна.

 


    <голова>
        
        Привет, я смелый!
    
    <тело>
        
Привет, я очень смелый!

Следующий подход является более общим и работает со всеми тегами «p» (обозначает абзац) в вашем документе и дополнительно делает их ОГРОМНЫМИ. Кстати. Google использует этот подход в своем поиске:

 


    <голова>
        
        Привет, я смелый!
        <тип стиля="текст/CSS">
            п {
              вес шрифта: полужирный;
              размер шрифта: 26px;
            }
        
    
    <тело>
        
Привет, я очень смелый и ОГРОМНЫЙ!

Вы, вероятно, потратите пару дней на то, чтобы поиграться с первыми примерами, однако вот последний. В этом вы, наконец, полностью отделяете дизайн (css) и контент (html) друг от друга в двух разных файлах. stackoverflow использует этот подход.

В один файл вы помещаете весь CSS (назовите его «hello_world.css»):

 p {
    вес шрифта: полужирный;
    размер шрифта: 26px;
  }

В другом файле вы должны поместить html (назовите его ‘hello_world. html’):

 


    <голова>
        
 

        Привет, я смелый!
        
    
    <тело>
        
Привет, я очень смелый и ОГРОМНЫЙ!

Надеюсь, это немного поможет. Чтобы обращаться к определенным элементам в вашем документе, а не ко всем тегам, вы должны ознакомиться с class , id и name атрибуты. Веселиться!

Как сделать текст жирным в CSS

  • Категория сообщения: