Categories

Новые шаблоны

HTML. Как сменить стиль текста

Chris Diaz Октябрь 17, 2011
Rating: 5.0. From 1 vote.
Please wait...

В этом уроке мы покажем Вам, как сменить стиль текста в любом HTML шаблоне. Этот туториал также подходит для таких типов шаблонов: Full Site, Full Package, любой статический шаблон, статическая версия любого анимированного шаблона (flash или swish). Как правило, стили текста отпределяются в CSS файлах.

Самый полезный инструмент для редактирования стилей – это инструмент для вэб-разработчика (Developer tools) в браузере. Больше об этом приложении Вы узнаете в этой статье. Инструмент-разработчика позволяет просматривать стили каждого элемента страницы. Вы можете изменять стиль прямо в данном инструменте, чтоб сразу видеть, как это будет выглядеть. Не забудьте такие же изменения осуществить и в файлах CSS.

CSS файлы обычно находятся в CSS папке. Откройте CSS файл в любом HTML/CSS редакторе (напр. Adobe Dreamweaver, Блокнот и т.д.) Используйте следующие стили, чтоб изменить текст:

  • color — для установки цвета текста;
  • text-align — для горизонтального выравнивания текста;
  • text-decoration — позволяет декорировать текст
  • font-family – для изменения шрифта данного элемента
  • font-size – определяет размер шрифта
  • font-style определяет стиль шрифта: normal — нормальный вид, italic – курсив и т.д

Например, стиль текста для меню задан такими параметрами:

.sf-menu li.sfHover li a  {
  color:#272727;
  font-size:16px;
  font-family:"Trebuchet MS", Arial,  Helvetica, sans-serif;
  text-align:left;
  text-transform:none;
  }

 

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

HTML. Как сменить стиль текста

Шаблоны Wordpress

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов

Чат
We help you to choose the right product.