- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
HTML. Как сменить стиль текста
Октябрь 17, 2011
В этом уроке мы покажем Вам, как сменить стиль текста в любом 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; }
Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: