20 советов и секретов CSS
Даже опытные веб-разработчики долго не могут привыкнуть к тому, что с помощью CSS можно сделать практически что угодно — от разметки колонок до кнопок и всплывающих окон.
Технология Cascading Style Sheets позволяет контролировать практически любые элементы дизайна — от размера шрифтов до цветовой гаммы отдельных блоков. Более того, CSS способна сделать гораздо больше. Пит Фрайтаг в своем блоге, посвященном веб-программированию, опубликовал 20 советов и секретов по CSS, подобрав примеры не совсем стандартного использования этой технологии. Каждый пример включает не только демонстрацию оригинального эффекта, но и подробное описание способа его создания:
- Закругленные углы.
- Закругленные углы без использования изображений.
- Создание «звездных» рейтингов.
- Формы без использования таблиц.
- Стилизованные списки.
- Техника разметки двух колонок.
- Разметка трех колонок.
- Три колонки по центру фиксированной ширины.
- Печать средствами CSS.
- Добавление стиля CSS в RSS-поток.
- «Прилипчивый подвал» (footer). Эта техника позволяет сделать такой «подвал», который будет располагаться либо внизу страницы, либо внизу контента, в зависимости от того, что визуально находится ниже.
- Эффект «hover». При наведении курсора элемент меняет свой внешний вид. Работает для текста, для ссылок, для графики и для любых других элементов.
- Несколько альтернатив для тега горизонтальной разметки (hr).
- Перемещение подвижных блоков (floats). Приводится несколько методов, а также способы решения проблем в разных браузерах.
- Всплывающие окна средствами CSS.
- «Расталкивающие» блоки. Внедрение элементов с автоматическим изменением границ окружающих блоков.
- Создание кнопок.
- Оранжевые кнопки RSS и XML средствами CSS.
- Десять дополнительных советов и секретов CSS.
- Еще десять советов по CSS.
Другие материалы по теме
Источник: http://webplanet.ru |