HTML/CSS
19 подписчики

Подписка на категорию статей

Активируй уведомление на email при появлении новой статьи в этом разделе.
Пятница, 04 Января 2013 10:06

Рисуем сердце на HTML, CSS

Новогодние праздники уже почти закончились, пора готовиться к Дню Святого Валентина. На фотостоках уже появилось множество работ с сердечками, будем перенимать их опыт. Итак, в этой статье мы будем рисовать сердце при помощи HTML, CSS - без картинок. Для этого будем использовать трансформацию CSS3 и псевдоэлементы after. А для красоты применим также linear-gradient и внутреннею тень с box-shadow.

 

Четверг, 03 Января 2013 14:30

Резиновая верстка. Краткий обзор

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

 

  • Max-width, min-width
  • Зачем нужна max-width
  • Выравнивание
  • Плюсы резиновой верстки
  • На что нужно обратить внимание

 

Суббота, 29 Декабря 2012 09:58

Стилизация заголовков таблицы

У каждой таблицы есть заголовки колонок. Им можно задать отдельные стили, если использовать для них тег <th>. Сегодня мы сделаем красивую табличку со стилизированными заголовками и изменением вида колонки при наведении.

 

Пятница, 28 Декабря 2012 13:07

Семантическая HTML верстка

Долго не доходили руки написать эту статью, но всегда понимала, что нужно это сделать. Семантическая верстка - это очень обширная и важная тема. Она особенно актуальна с выходом HTML5 и ажиотажем вокруг него. Но эта тема не менее важна и для предыдущих версий HTML и XHTML. А также требование семантической верстки есть почти в каждой вакансии HTML верстальщика. Хотя не думаю, что эту тему понимают те, кто такое требование пишет! :-) 

 

Четверг, 27 Декабря 2012 16:05

CSS свойства first-line и first-letter

CSS свойства first-line и first-letter могут служит для стилизации текстовых блоков, для выделения интересных вещей или акцентирования внимания.

 

Четверг, 27 Декабря 2012 09:48

Стандартные стили WebKit

Каждый верстальщик знает, что у каждого браузера есть свои стандартные CSS стили для всех HTML элементов. Именно с этим связаны проблемы с кроссбраузерностью, именно для этого нужен сброс стилей. Большинство браузеров предоставляют возможность просмотреть стили элемента. Причем не только те, которые верстальщик элементу задает, а и те которые задает браузер. Кроме того, я каждого CSS свойства есть свое значение по умолчанию. В данной статье речь пойдет о стандартных стилях WebKit браузеров (Chrome и Safari), так называемом user agent stylesheet. Я дам ссылку на полный текст стилей, но остановлюсь только на самых интересных моментах.

 

Среда, 26 Декабря 2012 13:45

Маска для блока на CSS3

В данной статье рассмотрим свойство mask-image и его возможности.

 

Среда, 26 Декабря 2012 10:58

Рисуем горизонтальную линию

В данной статье рассмотрим несколько способов рисования горизонтальной линии или, так называемого, сепаратора.

Понедельник, 24 Декабря 2012 10:21

CSS свойство clip - видимая часть блока

CSS свойство clip задает видимую часть блока. Применяется только для абсолютно спозиционированных элементов. На данный момент видимая задание видимой области доступно только в виде прямоугодяника по координатам.

 

Четверг, 20 Декабря 2012 14:18

WebKit фильтры. Часть вторая

Хочу продолжить тему CSS фильтров для WebKit. И по этому поводу рассмотрю такие моменты:

 

  • применение фильтров для блока, а не только для изображений
  • подробнее о -webkit-filter: hue-rotate
  • -webkit-filter: drop-shadow и его отличия от box-shadow

 

< 1 2 3 4 5 6 7 8 9 10 >

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов