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