Эй! Спасибо, что решили посмотреть на тему! Осмотритесь вокруг
и подпишитесь на RSS feed чтобы узнавать обо всех обновлениях. До встречи!

Архив Июнь, 2017

Для изменения цвета фона под текстом используется универсальный стилевой атрибут background, который следует добавить к селектору H1,…, H6.

Пример

Цвет фона под заголовком H1 {  background: #D9FFAD }

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Результат данного примера показан ниже.

Цвет фона под заголовком текста

Учтите, что на размер цветного прямоугольника влияет не только размер текста, но и отступы вокруг него. Поэтому регулируйте размер фона за счет параметров margin и padding, добавляя их опять же к селектору H1.

Пример

Поля вокруг заголовка текста H1 {  background: #D9FFAD;  color: green;  padding: 2px; }

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Для этой цели применяется стилевой параметр list-style-type со значением none. Его следует добавить к селектору UL или LI.

Пример

Убираем маркеры в списке LI {  list-style-type: none; } UL {  margin-left: 0px;  padding-left: 0px; }  

      

  • Север
  •   

  • Юг
  •   

  • Запад
  •   

  • Восток
  •  

Маркеры хотя и не отображаются в списке, но текст при этом все равно оказывается сдвинут вправо. Чтобы управлять положением элементов списка, для селектора UL в данном примере добавлены параметры margin-left и padding-left. Два атрибута вместо одного требуется, чтобы одинаково показывать результат в разных браузерах.

Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевой параметр line-height. В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height: 2 устанавливает двойной интервал, а line-height: 1.5 — полуторный.

Пример

Интерлиньяж P.dline {  line-height: 1.5; } P {  line-height: 0.9em; }

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

Данный термин переводится как „печенье“, но поскольку это название лишь сбивает с толку, его оставляют без перевода. Cookie можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.

Результат данного примера показан на рис. 1.

Рис. 1. Вид текста при разном межстрочном расстоянии

Аргумент параметра line-height допустимо задавать и в других единицах CSS, например, пикселах (px), процентах (%) и др. В данном примере для первого абзаца установлен полуторный интерлиньяж, а для второго — межстрочное расстояние равно 0.9em, что можно трактовать как 0.9 или 90%, поскольку единица em соответствует высоте текущего шрифта.

Используйте стилевое свойство text-align со значением center, добавляя его к абзацу (селектору P) или к определенному слою.

Пример

.text {  text-align: center; } Выравнивание по центру

Современная образовательная парадигма, ратифицируя приоритет личностной ориентации педагогического процесса, в ходе которого осуществляется развитие природных задатков, заложенных в каждом индивидууме, требует переосмысления существующих традиционных форм и методов общеобязательного образования.

Результат примера показан на рис. 1.

Рис. 1. Текст, выровненный по центру веб-страницы

В данном примере текст внутри слоя с именем text выравнивается по центру веб-страницы.