Архив рубрики: CSS основы

Продолжая фоновую тему рассмотрим, как делается фоновое изображение в CSS. Раз речь зашла об изображениях, значит нам прямая дорога в Яндекс. Картинки. Набираем в поисковике запрос «Яндекс. Картинки», а затем в поисковике сервиса — «Фоновые изображения». Меня всегда поражало количество … Читать далее →

Здравствуйте уважаемые начинающие веб-мастера. Этой статьёй начинаем очень интересную тему — Фоновый цвет и фоновые изображения. Всё что касается фона, в веб-дизайне определяется свойством background Главное отличие фонового цвета и фоновых изображений это то, что они занимают всё отведённое для … Читать далее →

Здравствуйте уважаемые начинающие веб-мастера. Эту часть мы начнём со знакомства с двумя новыми тегами. Это теги <div> и <span>. Принадлежат они к логическому уровню, то есть явно себя не проявляют.

В этой статье рассмотрим, как вместо цифр, кружочков, и квадратиков в списках, сделать и установить красивые маркеры-изображения. Между прочем маркеры можно и нарисовать средствами CSS и HTML и о том как это делается вот этот пост, ну а здесь поработаем … Читать далее →

Теперь давайте перейдём от преобразований текста, к созданию различных красивостей вокруг него, и первой такой красивостью будет рамка. Для начала рассмотрим, самые простые рамки. Для их создания, в CSS используется  свойство border, которому можно задать следующие значения:

Здравствуйте уважаемые начинающие веб-мастера.  В этой статье изучим просто замечательное свойство CSS, здорово упрощающего нам жизнь – сокращение записей. Начнём со свойства форматирования текста — font

В этой статье рассмотрим, как выровнять текст на странице, и как сделать красную строку, средствами СSS. Выравнивание задаётся свойством “text-align”, и имеет 4 значения: left – выравнивание по левому краю center – выравнивание по центру right – выравнивание по правому … Читать далее →

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

Здравствуйте уважаемые начинающие веб-мастера. Этой статьёй начинается интереснейший раздел по CSS, в конце которого мы напишем Блочный шаблон сайта. Но сначала небольшое вступление- что такое CSS (стили), конечно для тех, кто не знает, остальные можете с ходу проскакивать эту страницу. … Читать далее →

Здравствуйте уважаемые начинающие веб-мастера. В этой статье рассмотрим, как блочный каркас сайта, созданный нами в предыдущей статье, сделать резиновым. Сначала о том, что из себя представляет резиновый каркас сайта, и чем он отличается от простого блочного каркаса, и зачем он … Читать далее →

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

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

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

Здравствуйте уважаемые начинающие веб-мастера. Мы уже делали изогнутый блок с помощью псевдоэлементов :after и :before. Вот ещё один оригинальный эффект, реализуемый с их помощью. В этой статье мы научимся создавать страницу с загнутым уголком, без фотошопа, и помогут нам в … Читать далее →

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