Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

CSS

Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.

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

Важность появления CSS языка сложно переоценить, однако об этом мы будем говорить ниже.

Вы здесь
Применение inline-block для решения задач

inline-block: простое решение для сложных задач

В статье рассмотрены особенности работы свойства display со значением inline-block. Также приводится несколько практических примеров с применением данного свойства и решением ряда типичных проблем верстки. Что это такое и как оно работает? Свойство…

Размеры через позиционирование

Устанавливаем размеры блока через абсолютное позиционирование

В данной статье рассказывается о том, как можно оперировать позициями и размерами в CSS, чтобы создавать блоки и решать типичные задачи дизайна. Также здесь будет показано, как можно через позиционирование определить размеры блока. Постановка…

Как центрировать резиновый блок

На уровень выше, или как центрировать резиновый блок?

Реалии современного веб-дизайна достаточно суровы — назвался веб-программистом — держись в тренде… Разнообразие гаджетов, применяемых пользователями для путешествий просторами интернета впечатляет, не говоря уже об их конструкционных особенностях и…

Рисуем треугольные фигуры средствами CSS

Рисуем треугольные фигуры средствами CSS

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

обтекание текстом картинки

Как убрать обтекание текстом картинки?

Довольно часто перед верстальщиком ставятся определенные нестандартные задачи. Наша цель — предложить наиболее рациональное и правильное решение. Сегодня речь пойдет об особенностях обтекания текстом изображения. Постановка задачи Написание какой-…

Убрать лишние отступы

Как убрать лишние отступы у img внутри блока?

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

Нестандартные шрифты CSS

Как правильно подключать шрифты при помощи CSS? Правило @font-face

Вам попался капризный заказчик, требующий «расписные» шрифты? Или вы просто создаете стильный тематический сайт, и кастомное написание текста подчеркнет вашу авторскую идею? Рассмотрим один из способов решения данной задачи. Когда бывает нужно Для…

Особенности использования спецсимволов в генерируемом контенте

Нюансы вывода спецсимволов html через псевдоэлементы CSS

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

Текст по кругу посредством css

Текст по кругу посредством css

Часто для уникальности и красоты сайта дизайнеры придумывают разные декоративные украшения, трансформирование текста. И важная задача верстальщика при этом сделать все как можно правильнее - сделать все что можно посредством html и css не используя…

Нестандартные тени CSS

Нестандартные тени CSS

На страницах нашего блога, да и на просторах интернета в принципе, Вам наверняка доводилось встречать догму, что применение тени для структурных элементов страницы способно придать вашему дизайну легкости, воздушности, глубины и объемности. Сегодня…

Страницы