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

 

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

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

 

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

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

 

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

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

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

Решила пройтись по основам и объединить все важное в одной статье. Речь пойдет о CSS. Если вы читаете эту статью, то наверняка на каком-то уровне вы уже знакомы с этим понятием. Но, возможно, вы все таки сможете найти здесь полезную информацию.

В данной статье я рассмотрю такие стороны CSS:

 

  • определение CSS
  • подключение CSS к HTML файлу
  • селекторы и их виды
  • CSS свойства
  • кроссбраузерность
  • reset.css
  • CSS3 и его возможности
  • вендорные префиксы

 

 

Опубликовано в Разработка сайта

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

 

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

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