CSS свойства, которые забываю и не только
15 Июл 2010
С CSS сталкиваюсь редко, поэтому часто не помню элементарные свойства. Приходится вспоминать где уже решал подобный вопрос и искать исходники или заново гуглить.
Вообщем, создаю себе шпаргалку по CSS. По мере наступания на одни и те же грабли буду расширять содержимое.
0. Грамотный отступ между символами в html (если нужен больше, чем один пробел)
|
1 2 3 4 |
<span style="margin-left:100px"></span> |
1. Вертикальное выравнивание содержимого относительно изображения
|
1 2 3 4 5 6 |
img { vertical-align: middle; } |
2. Отключение свойства background, определенного в родительском блоке
|
1 2 3 4 5 6 |
#adv li { background: none; } |
3. Убрать рамку для изображений, которые являются ссылками
|
1 2 3 4 5 6 |
a img { border: none; } |
4. Убрать пунктирную рамку вокруг ссылки, получившей фокус
|
1 2 3 4 5 6 |
:focus { outline: none; } |
5. Отменяем подчеркивание у ссылки
|
1 2 3 4 5 6 |
a { text-decoration: none; } |
6. Добавляем подчеркивание при наведении курсора на ссылку
|
1 2 3 4 5 6 |
a:hover { text-decoration: underline; } |
Свежие комментарии