Сайк Павел Сайк Павел
10 г. назад

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
} 

 

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

У вас есть задачи?

Оказываем услуги по поддержке, сопровождению и продвижению сайта, которые включают в себя: дизайн, верстку, программирование, контекстная реклама и таргентинг, продвижение, работа с контентом.

Если у вас возникли какие-либо вопросы, предложения, либо вы желаете оформить заявку на заказ какой-либо услуги, заполните форму и отправьте нам сообщение.

Наверх