Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
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
} 

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

Наверх