Для того чтобы верстка была идеальной, нужно чтобы страница в браузере совпала на 100% с PSD макетом. И бывает случаи, когда межстрочный интервал у блока с текстом не совпадает с тем, который на макете. В этой статье расскажу именно о том, как изменить межстрочный интервал с помощью CSS свойства line-height.

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

Добавлено:

Автор статьи:

Просмотров: 661

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

Добавляется этот отступ с помощью CSS свойства text-indent, в значение, которого указывается длина отступа. В качестве значения необходимо использовать одно из всех доступных единиц измерения в CSS (пиксели - px, дюймы - in, пункты – pt, проценты и др. )

Добавлено:

Автор статьи:

Просмотров: 839

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

И в этой статье хочу Вам рассказать именно про отступы css. Первым делом нужно отметить, что есть два типа отступов, внутренние (padding) и внешние (margin).

Добавлено:

Автор статьи:

Просмотров: 1242

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

Добавлено:

Автор статьи:

Просмотров: 2651

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

Подобрать красивый шрифт для своего сайта можно с помощью замечательного сервиса google fonts. И в этой статье хочу Вам рассказать именно о том, как пользоваться этим сервисом и как добавить google шрифты на своем сайте.

Добавлено:

Автор статьи:

Просмотров: 766

Часто при верстке psd макета необходимо подключать разные нестандартные шрифты в css файле. Такие как Open Sans, Roboto, Myriad и другие. И в этой статье я Вам покажу, как сделать это.

Первым делом у Вас должен быть сам файл шрифта. Его можно скачать с сайта fonts4web.ru. Заходим на этот сайт и в поле поиска вводим название шрифта, которого хотим установить на свой сайт. Я поищу шрифт Open Sans.

Добавлено:

Автор статьи:

Просмотров: 1012

Обычно, на сайте всегда есть страница с контактными данными фирмы или автора блога, а также присутствует некая форма для общения с администратором сайта. Вот эта форма и есть форма обратной связи, ее также называют и контактная форма. В этой статье я вам покажу, как реализовать данную форму с помощью html и php, используя функцию mail().

Первым делом создаем новый файл с именем contact.php. Открываем этот файл и создаем в нем html каркас нашей формы обратной связи. Внутри тега <body> пишем следующий код:

Добавлено:

Автор статьи:

Просмотров: 6646

Приветствую Вас дорогие друзья! В этой статье мы поговорим о HTML ссылках. Это очень важный элемент и Вы, безусловно, должны знать, что это такое и где используются, так как ссылки присутствуют на каждом сайте.

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

Добавлено:

Автор статьи:

Просмотров: 19328

Приветствую Вас друзья! В этой статье я Вам расскажу о HTML списках. Это важные элементы, так как они используются практически на каждом сайте. Чаше всего они используются для создания меню сайта, ну и для отображения в виде списка разных элементов на странице.

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

Добавлено:

Автор статьи:

Просмотров: 1521

Прежде чем начать создавать сайт нужно выбрать среду разработки, то есть хороший html редактор. Создать html страницу очень просто и это можно сделать в любом текстовом редакторе. В школе мы использовали блокнот, но согласитесь, что это не лучший html редактор и начать создавать сайты в этой среде несерьёзно. Все-таки, для того чтобы следить за тем […]

Добавлено:

Автор статьи:

Просмотров: 4502

Здравствуйте дорогие друзья! В этой статье мы поговорим о том, как работать с изображениями в HTML. Вы видели изображения уже на многих сайтах […]

Добавлено:

Автор статьи:

Просмотров: 2088

Приветствую Вас дорогие читатели! Сегодня мы поговорим о блоках div и о горизонтальной линий hr.
Внутри тега <div></div> создается невидимый блок (контейнер), на который мы можем воздействовать с помощью CSS. Без CSS данный блок никак не влияет на каркас страницы […]

Добавлено:

Автор статьи:

Просмотров: 3384

Всем доброго времени суток! Сегодня мы научимся создать каркас нашей первой HTML страницы. А точнее разберемся с базовой структуры html страницы, узнаем, из чего она состоит. Но прежде всего, поговорим немного о тегах. Что такое тег в HTML? Тег это базовый элемент языка HTML. То есть HTML состоит именно из тегов и для того […]

Добавлено:

Автор статьи:

Просмотров: 10990

Приветствую Вас Друзья! Сегодня мы поговорим о теге абзаце и об атрибуте выравнивания. В общем, весь контент на странице должен быть разбит по абзацам. Содержимое абзаца пишется между тегами <p>Текст…</p>. Когда мы выводим 2 последовательных абзаца, то между ними формируется невидимое поле что отталкивает их друг от друга. Тег <p></p>является блочным тегом поэтому он […]

Добавлено:

Автор статьи:

Просмотров: 5778

Доброго времени суток дорогие читатели! Сегодня я хочу Вам рассказать о том, какие типы заголовков существуют в HTML. Они часто используются на сайте, поэтому Вы должны знать их обязательно. В HTML есть 6 видов заголовков, а точнее 6 уровней. Заголовок имеет следующий синтаксис: <hх>Текст заголовка</hx>, где x указывает на уровень заголовка и может принять значение […]

Добавлено:

Автор статьи:

Просмотров: 3295

В этой статье вы узнаете, как создать форму регистрации и авторизации, используя HTML, JavaScript, PHP и MySql. Такие формы используются почти на каждом сайте, в независимости от его типа. Они создаются и для форума, и для интернет-магазина и для социальных сетей (такие как например Facebook, Twiter, Odnoklassniki) и для многих других типов сайтов.

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

Добавлено:

Автор статьи:

Просмотров: 152143

Всем доброго времени суток! Сегодня я расскажу вам о том, как создать базу данных в phpmyadmin. И так, в первую очередь запускаем сервер и заходим в phpmyadmin. На danwer он расположен по такому адресу: http://localhost/tools/phpmyadmin/

Добавлено:

Автор статьи:

Просмотров: 36995

Поля в CSS означают свободные расстояния между элементами страницы. Отрицательное значение делает наоборот, то есть она позволяет, чтобы какой-то элемент выходил из рамки блока, в котором он находится или если два блока находятся близко друг к другу, вертикально, то если мы задаем отрицательное значение первому  блоку, то второй блок закрывает первого на то расстояние, которое […]

Добавлено:

Автор статьи:

Просмотров: 1248

В этой статье я вам покажу, как выровнять страницу сайта по центру окна браузера, под любое разрешение экрана.  Этот метод можно использовать, если страница имеет фиксированную ширину и в дальнейшем, это ширина не будет меняться в зависимости от контента. Этот способ выравнивания рекомендуется использовать начинающим дизайнерам, но в большинство случаев он используется и на сайтах […]

Добавлено:

Автор статьи:

Просмотров: 1836

Всем доброго времени суток! В этой статье я вам расскажу об css-селекторах.  Через селектор мы указываем браузеру конкретно, для какого тега или группу тегов, оформить внешний вид на странице. То есть, с начала мы выбираем конкретный тег или несколько тегов из html страницы, это могут быть абзацы, картинки, заголовки, ссылки, элементы списка т.д., а через […]

Добавлено:

Автор статьи:

Просмотров: 558