Css

Знание CSS позволяет оформить на сайте красивые элементы. Это блоки, таблицы, текст, формы, ники, меню, фон, рамки и другие веб-элементы. Я подготовила подборку готовых кодов css и онлайн сервисов, где есть готовые шаблоны или возможность сгенерировать в режиме онлайн любой красивый блок.

Техническая информация

Для того, чтобы подключить файл стилей, нужно в код веб-страницы между  head вставить следующую строку между скобками  <  …… /> :

link href="style.css" rel="stylesheet" type="text/css"

В прошлых статьях вы научились делать вкладки для сайта на wordpress и drupal. И разобрались, как во вкладках разместить виджеты социальных сетей.

Для того, чтобы получился отступ слева, нужно добавить свойство margin-left к селектору ul или ol.

Изменим немного этот код и сделаем вывод списка с отступом от края страницы:

 ul { list-style-type: circle;
 list-style-image: url(images/red_marker.jpg);
 padding: 0; /* Убираем поля */
    margin-left: 200px; /* Отступ слева */
	}
 

Получаем смещенный список от левого края. Это вертикальный список css.

Посмотрите скрин: