В данной статье мы поговорим о основных возможностях CSS3. Пройдемся по такому плану:

  • вступление
  • свойства CSS3
  • селекторы CSS3
  • вендорные префиксы
  • особые значения CSS свойств
  • тянущиеся боксы в CSS3
  • CSS фильтры
  • функции 
  • колонки
  • рисование
  • геометрические фигуры
  • анимация - слайдер на CSS, падающий снег
  • transition
  • transform

 

Опубликовано в HTML/CSS

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

 

Опубликовано в HTML/CSS

Список CSS свойств со ссылками на подробное описание:

 

Опубликовано в HTML/CSS

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

 

Опубликовано в HTML/CSS

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

 

Опубликовано в HTML/CSS

Состояние focus свойственно элементам управления и ссылкам. Для элемента управления <input type="text/password/email"> состояние focus наступает, когда в поле ставится курсор. У ссылки focus можно получить при помощи клавиши Tab при наличии атрибута tabindex.

 

Опубликовано в HTML/CSS

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

 

Опубликовано в HTML/CSS

Приставка !important используется в CSS для придания важности стилям. Если при разный стилевых правилах для одного элемента, используется !important, то именно этот стиль и будет применен.

Опубликовано в HTML/CSS

Во время написания предыдущей статьи Рисуем сердце на HTML, CSS я упоминала, что трансформация элемента влияет только на отображение элемента, а не на его расположение относительно окружающих. А теперь хочу более подробно раскрыть эту тему. Стилизируя элемент, мы меняем его внешний вид. Задавая элементу размеры, мы его увеличиваем. Окружающие элементы подстраиваются под его размеры. Но некоторые свойства вырывают элемент из потока (position: absolute) или не влияют на его расположение в потоке (transform: rotate/scale/skew). Рассмотрим эти интересные свойства.

Опубликовано в HTML/CSS

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

 

Опубликовано в HTML/CSS
< 1 2 3 4 5 6 >
Страница 2 из 6

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