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

Верстка для писем существенно отличается от верстки под браузеры. Несмотря на постоянно выходящие новые версии почтовых программ и офисных пакетов, стандарты верстки не меняются и как были архаичными, такими и остались.

Таблица показывает как будет отображаться значение display в различных браузерах.

display: block
Элемент показывается как блочный. Применение этого значения для встроенных элементов, например тега <span>, заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого.

1. Сделать так, чтобы при клике по тексту ставилась галочка в checkbox или точка в radio.
2. Код вставки видео
3. Сделать, чтобы расстояние между ячейками таблицы было минимальное.
4. Редирект мета-тегами

CSS спрайты — это представление большого количества мелких картинок, путем создания одной большой картинки, что существенно экономит время загрузки и ресурсы хостинга (запрос идет всего-лишь на одну картинку, вместо всех).
Главное при составлении спрайта, это сделать кратные расстояния между картинками, чтобы потом было легче высчитывать позицию фона.
Далее можно либо назначить каждому месту вызова спрайта отдельный класс и в нем указывать позицию и название фона, либо прописывать один класс, но для каждого вызова задавать отдельный background-position.

Позволяет внедрить любой шрифт на веб страницу без жесткой привязки к дизайну (т.е. тексты, заголовки, меню и т.п. можно будет изменять, не прибегая к услугам веб разработчиков).
Обычный текст при загрузке страницы заменяется на SVG объект (для браузеров, поддерживающий стандарты) или на VML (для IE) — графические области, в которых символы отрисовываются с помощью javascript.
Работает в IE 6-8, Firefox 3, Opera 9.5-10.5, Safari 4

Данные стили и теги помогут прилепить подвал к самому низу экрана вне зависимости от количества контента страницы. Это часто требуется для верстки.

Для использования закругленных уголков проще всего применить файл скрипта PIE.htc. Нужно всего лишь положить его в папку на сервере и подключать как параметр стиля behavior: url(путь к файлу/PIE.htc); к клаccу или элементу, которому надо сделать закругленные углы. Важно не забывать, что для Firefox надо дописывать параметр стиля -moz-border-radius, а для Safari и Google Chrome - -webkit-border-radius:

Свойство opacity определяет уровень прозрачности элемента. Для этого на блок или элемент, который надо сделать прозрачным навешивается стиль opacity: 0.5; для более современных браузеров и filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); - для IE. 0.0 — абсолютно прозрачный элемент, 1.0 — абсолютно не прозрачный.

Часто для более красивого отображения элементов, блоков и таблиц им добавляют тень. Но, как обычно, свойство box-shadow в ИЕ не работает, поэтому надо прибегнуть к хаку в виде добавления специального файла PIE.htc через свойство - behavior: url(PIE.htc);

Реклама

Корпоративные подарки на 23 февраля - оригинальные подарки в интернет-магазине dolina-podarkov.ru