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

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

Активируй уведомление на email при появлении новой статьи в этом разделе.
Четверг, 20 Декабря 2012 11:26

Блоки с приподнятыми уголками

Где-то видела блоки с приподнятыми уголками и захотелось попробовать сделать такое самостоятельно. Для этого использовала псевдоэлементы before и after и тени для них. Для наглядности сделала несколько вариантов фонового цвета и цвета тени.

 

Четверг, 20 Декабря 2012 08:59

Свойство vertical-align

Свойство vertical-align задает вертикальное выравнивание элемента относительно его родителя.

 

Вторник, 18 Декабря 2012 17:47

Атрибут spellcheck

Атрибут spellcheck относится к глобальным атрибутам и его можно применять к любому элементу. Однако, в действии его можно убидеть только у элементов, рассчитанных для ввода текста -- <input type="text">, <textarea> или элемент с атрибутом contenteditable.

 

Вторник, 18 Декабря 2012 16:36

Интересный hover эффект

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

 

Вторник, 18 Декабря 2012 14:27

Рисуем котика на HTML, CSS

Мне всегда было интересно создать на HTML, CSS что-то не связанное с версткой сайтов. Потому, обратившися к моей любви к котикам, я нарисовала котика на HTML, CSS. Идея вида котика взята из статьи о кроссбраузерности

 

Среда, 12 Декабря 2012 12:44

Элемент input type number

В HTML5 появилось много интересных типов элемента <input>. В данной статье мы рассмотрим input, у которого атрибут type равен number.

 

Среда, 12 Декабря 2012 12:27

Псевдокласс :root

Псевдокласс :root описывает корневой элемент в XML документе. В HTML псевдокласс :root аналогичен элементу <html>. 

 

Среда, 12 Декабря 2012 12:12

Псевдокласс :empty

Псевдокласс :empty описывает пустые элементы. Для этого элемент не должен содержать дочерних элементов, текста и пробелов. Допускается только наличие условных комментариев.

 

Вторник, 11 Декабря 2012 17:23

Тянущийся блок на CSS

Это будет не статья, а скорее заметка. Речь пойдет о свойстве resize, присущему элементу textarea. Но мы применим его к обычному блоку div.

 

HTML5 дает возможность проверить валидность введенных пользователем в форму данных на стороне клиента. Если вы, заполняя форму, не заполните обязательное поле или используете неправильный тип данных (например, в поле типа email), то браузер вам выдаст сообщение об этом. Сделает он это в так называемом validation bubble - всплывающем окошке с информацией. В данной статье мы рассмотрим как стилизировать это самое окошко.

 

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

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