Уроки CSS

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

Устанавливаем нестандартный шрифт на сайте для всех браузеров

Я уже как-то писал о том, как установить другой шрифт на сайте, но тот метод работал не для всех браузеров. Теперь я расскажу более универсальный способ, который позволит установить любой шрифт на сайте и доступен он будет всем пользователям, даже обладателям IE

И так, поехали:

Первым делом нужно зайти на сервис, в котором и будет проходить основная работа. Зашли, теперь нужно проделать следующее:

Футер (footer) всегда внизу страницы

У многих начинающих веб-мастеров часто возникает вопрос:"А как сделать футер внизу старницы". На самом деле задача эта достаточно легкая и сейчас вы в этом убедитесь.

Что такое CSS?

Данный урок поможет разобраться с назначением, функциями и возможностями CSS. Но прежде всего следует отметить, что без CSS создание профессионально оформленного сайта невозможно. Обратите внимание - именно "профессионально оформленного", поскольку создать сайт, в принципе, возможно при помощи HTML, но по-настоящему привлекательным и качественно оформленным он не будет.

Как подключить Cascading Style Sheets

Наверное, каждому пятому человеку, который часто пользуется Интернетом, приходит на ум вполне логичный вопрос – как создаются сайты. Однако в данной статье разговор пойдёт о таком виде, как Cascading Style Sheets или сокращённо CSS, что в переводе означает каскадные стили таблицы.

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

Урок выравнивания изображений на Web-странице с помощью HTML

Начинающим Web-дизайнерам часто приходится сталкиваться с такой ситуацией: при оформлении веб-страницы в соответствующей программе все изображения расставлены согласно требованиям. Однако после просмотра сверстанной страницы в одном из браузеров изображения разбегаются по экрану. Чтобы зафиксировать изображения в определенных частях веб-страницы, можно воспользоваться определенным HTML-кодом.

Как сделать прозрачность у текста\кнопки\элемента в CSS

Прозрачность - очень красивый элемент на сайтах и последнее время он становится все популярнее и популярнее. В CSS есть специальное свойство, которое задает прозрачность у элементов, но есть одна беда. Это свойство работает не во всех браузерах.

Сейчас мы с вами решим эту не самую сложную, но довольно неприятную проблему.

Как сделать фон по центру экрана

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

Делается это очено просто. Всего лишь нужно прописать background-position: top; в css.

Верстка дивами на примере

Нет ничего лучше в обучении, чем наглядный пример. Особенно это касается верстки дивами, т.к. самому освоить эту науку достаточно сложно.

Самые частые вопросы, которые ищут новички верстки:

  1. Как сверстать резиновый сайт дивами
  2. Как прикрепить футер внизу страницы
  3. Как сверстать сайт дивами в 3 колонки

На все эти вопросы может ответь данная статья.

Блочная верстка

В настоящее время наиболее популярной для создания каркаса сайта является блочная верстка или как её по другому называют div верстка. Давайте рассмотрим основные макеты: фиксированные, резиновые - двух и трехколоночные и научимся их создавать.

Как установить нестандартный шрифт на сайте

Порой бывает нарисовал красивый дизайн с интересными и нестандартными шрифтами, а у посетителей сайта таких шрифтов нет и они не могут оценить всю красоту вашего сайта. Отсюда возникает вопрос: "Как установить нестандартный шрифт на сайте?" Делается это довольно просто. Сейчас я вам попробую доступным языком рассказать:

Rambler's Top100