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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

В этом уроке мы покажем Вам, как сменить стиль текста в любом 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. Как сменить стиль текста

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