Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
8 г. назад

9 интересных CSS-трюков

1. Делает фон желтым и границу поля красным, когда выводите данные:

textarea:focus, input:focus { border: 1px solid #900; background-color: #FFFF9D
} 

Не работает в IE 5.5 и 6.0.

2. Вертикальное выравнивание с line-height:

.box { height:24px; line-height:24px
}

3. Увеличенный контент не ломает фиксированную ширину плавающих блоков:

.box { overflow:hidden
}

4. Предотвращает разбиение ссылок на строки:

a { white-space:nowrap
}

5. Всегда показывается скроллинг в FireFox:

html { overflow:-moz-scrollbars-vertical
} 

6. Горизонтально центрированный блок элементов (обязательно указывать ширину):

.box{ margin:0 auto; width:986px
} 

7. Скрытие вертикального скроллинга textarea в IE:

textarea{ overflow:auto
}

8. Разбиение на страницы при печати вашего документа:

h2 { page-break-before:always
}

9. Удаление рамки у активных ссылок:

a:active, a:focus{ outline:none
} 

Добавить комментарий

Наверх