]]>eTXT]]>


]]>]]>

Css

Учебные статьи по по дизайну сайта при помощи Css стилей. Уроки css Е. Попова и различные практические задачи при разработке сайта. 

Для более наглядного пособия рекомендую видео уроки html и css от Евгения Попова. Они шаг за шагом проведут вас к более сложным решениям и научат думать логически.

Как сделать вкладки в html

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

Отступ списка css

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

 

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

 

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

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

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

Tags: 

Графические маркеры для списка

Для того, чтобы сделать элементы списка красивыми, часто используют маленькие картинки.

Заливаем наш художественный маркер на сервер и запоминаем путь. Пусть это будет images/pulka.jpg

Для формирования нашей картинки вместо дефолтного маркера в файле стилей добавим свойство list-style-image:

 

 ul { list-style-type: circle;
 list-style-image: url(images/pulka.jpg);
	}
 

Получим такой вид списка вместо стандартного:

Tags: 

Как изменить маркер списка CSS

Сегодня разберемся, как создаются списки на веб-странице, какие маркеры используются и протестируем разные стили для изменения внешнего вида.

Напомню, как подключаются стили к Html странице:

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

Существуют маркированный, или ненумерованный список css и нумерованный.

Tags: 

Объединение CSS и HTML

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

 

Какие есть варианты включения CSS в HTML?

 

Что такое css стили

Категория: веб-дизайн.

Что такое css стили

Что можно сделать с помощью стилей CSS (Cascading Style Sheets)?

 

Cascading Style Sheets - это отличный способ назначить свойства стиля для элементов HTML в веб-странице, и предлагает ряд значительных преимуществ перед старым способом ввода информации стиля непосредственно в код HTML.

Навигатор по интернету

Узнать простую, но эффективную систему для наращивания трафика. Плюс эта книга с правами перепродажи. 

Узнать подробнее!

Создание сайта

Сделать веб-сайт по приемлемым ценамЗаказать создание сайта под ключ. Цена: недорого.





Если вам понравилась статья, вы можете ]]>подписаться на RSS]]> или E-mail рассылку. Для получения обновлений по электронной почте, введите ваш e-mail адрес в эту форму:

Введите Ваш email:

Подпишись с ]]>FeedBurner]]>

Другие сервисы почтовых рассылок

* Нажимая на кнопку "Подписаться!" я даю согласие на рассылку и соглашаюсь с политикой конфиденциальности

Subscribe to RSS - Css