Не во всех браузерах прозрачность html элементов задаётся одинаково. Но всё же в большинстве браузеров прозрачность задаётся CSS свойством opacity. В IE <= 6 прозрачность задаётся через фильтры. Хотя правильнее наверное говорить непрозрачность. 100% – непрозрачно, 0% – прозрачно.

Часто требуется установить высоту блока в 100% окна браузера. Делают это к примеру для того, чтобы после по центру разместить контент, или прижать к низу этого блока footer.

Довольно часто требуется, чтобы нижняя часть – футер был всегда у нижнего края браузера, дабы не было пустоты. При этом если контента мало, то футер должен быть внизу, если много, то должен отодвигаться контентом.
Есть куча способов сделать это. Рассмотрим один из них.

Условные комментарии работают только в Internet Explorer в Windows и поддерживаются начиная с 5 версии.
Условные комментарии выглядят так:
<!–[if IE 6]>
Специальные инструкции для IE 6
<![endif]–>

Как видим условный комментарий состоит из обычного HTML-комментария <!–– ––>. Все браузеры, как и положено, игнорируют данные внутри комментария.

Под катом приведена таблица кодов наиболее используемых символов. Почему то они часто забываются. Для этого и выписал всё отдельно. В разделе описания кода приведено словесное описание, что поможет запомнить основные коды символов, таких как < > " & и тд.

В версии CSS 2 появилось свойство min-height, позволяющее задать минимальную высоту для блока на странице. Высота блока всегда будет НЕ меньше указанной, а при переполнении контентом блок будет расширяться. Min-height довольно часто используется при вёрстке. И всё бы хорошо, но Internet Explorer 6 не поддерживает min-height(в остальных браузерах IE >= 7, FF, Opera, Safari, Chrome [...]

Иногда нужно защитить информацию на сайте от копирования.  В частности для того, чтобы другие сайты не использовали Ваш уникальный, написанный вами же, контент.  Но! Защита контента, отдаваемого сервером клиенту, в принципе не возможна. Всё что закачал к себе браузер, всё можно взять. Можно только создать неудобства при копировании контента.  Об этом и будет идти речь [...]

Как известно, в браузерах Safari и Chrome, основанных на Webkit, у элемента формы textarea можно изменять размер. Но иногда это не нужно – при изменении размера textarea дизайн сайта может измениться, вёрстка скривиться и в результате всё будет выглядеть не так, как бы этого хотел дизайнер и заказчик, утвердивший дизайн.

Недавно в интернете набрёл на интересный ресурс http://caniuse.com/, на котором наглядно представлено, что поддерживается и что будет(по плану) поддерживаться браузерами в будущем. Для просмотра именно нужной информации есть  опции фильтрации, которые помогают вывести данные, к примеру по конкретному браузеру, браузерам, возможностям и т.д.

Начиная верстать макет, необходимо в частности указать в CSS используемые на странице шрифты. Зачастую различными шрифтами дизайнер набирает не только основной текст страницы, но и разнообразные заголовки, логотипы, вензеля.