Заметки на полях (пополняемая)

Подстраивание элемента по ширине:

<style>
something
{
display: block;
max-width: 100%;
height: auto;
}
</style>

В случае если вам нужно подложить какой-нибудь, отличающийся от оформления страницы фон под какие либо элементы (добавить контрастности) — не всегда работает то, что работает с форматированием текста. Допустим под светлые png с альфа-каналом лучше всего и быстрее подложить тёмный фон, используя CSS:

<style type="text/css">
.anotherbackground
{
background-color: #000000;
}
</style>

и потом, в нужном месте странички — можете завернуть нужный вам контент в дивы с этим фоном:

<div class="anotherbackground">тут ваш контент</div>

Для выравнивания каких-либо элементов или блоков по центру — можно прописать это в макет, чтобы не делать это вручную. На примере изображений:

<style>
img
{
display: block;
margin-left: auto;
margin-right: auto;
}
</style>

Для стилизации полосы прокрутки можно использовать CSS (чтобы поменять цвет полосы прокрутки или, допустим, закруглить края):

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #536370;
border-radius: 5px;
}
/* Для Firefox */
::-moz-scrollbar {
width: 10px;
}
::-moz-scrollbar-track {
background: #f1f1f1;
}
::-moz-scrollbar-thumb {
background: #536370;
border-radius: 5px;
}