По всему дизайн-макету в контентной части используется буквица. Решение. Понадобятся псевдоэлементы (pseudo-elements) и псевдоклассы (pseudo-classes), они в ограниченном количестве появились еще в CSS Level 1. В CSS Level 2 они были переработаны, и их стало больше.
Браузер Netscape Navigator версии 4 понимает только :Iink, :visited и :active псевдоклассы в отношении гиперссылок. А вот Internet ЕхрLогег 4+, Netscape Navigator 5+ и Орега 4+ под-держивают также :hover. Браузеры Internet Explorer 5+, Netscape Navigator 5+ и Орега 4+ еще и распознают следующие полезные псевдоэлементы: :first-line (первая строка текста) и :first-Ietter (первая буква текста). Псевдоэлемент :first-Ietter отлично подходит для создания эффекта буквицы. А если ты хочешь, к примеру, чтобы первая строка каждого параграфа на странице состояла из заглавных букв, то определи следующий стиль: p:first¬line {text-transform:uppercase}.
Надо учесть, однако, что браузеры по-разному интерпретируют:first-line и:first-Ietter, когда в стиле используются такие CSS свойства как vertical align и clear. В CSS Level 2 существуют также псевдоэлементы:before (содержимое до элемента) и:after (содержимое после элемента).
На сайте выводятся очень большие таблицы и необходимо ускорить их обработку.
Решение. Дело в том, что традиционно браузер сперва загружает табличный макет (включая сам контент),вычисляет необходимые размеры ячеек, и только потом отображает таблицу на экране. А поскольку многие сайты обычно верстаются по старинке, то есть с применением таблиц, а не с по-мощью DIV'OB, то свойство tabIe-lауоut со значением fixed может значительно уменьшить время загрузки страницы. Чтобы эта схема работала, необходи¬мо указать ширину у всех ячеек в таб-лице, а также высоту ячеек. Впрочем, высоту можно и не задавать. Но если, же ты ее указываешь, учти, что какой-нибудь текст или изображение может не поместиться в фиксированные ячейки и будет обрезан. Верстается эта таблица таким образом:
<tabIe style="tabIe-lауоut:fiхеd"> <соl style="width:100px"><col style="width:100px"><col style="width:100px">
<tr style="height:10рх"><td>ячейка 0</td><td>
ячейка 1 </td><td>ячейка 2</td></tr> <tr style="height:10рх"><td>ячейка 0b</td><td>
ячейка 1 Ь</td><td>Ячейка 2b</td></tr></tabIe>
Минус данного метода - весь механизм tabIe-lауоut работает только в internet Explorer 5 и выше, что очень прискорбно, ибо такое полезн ство пригодилось бы и в Navigator или Орега. Кстати, Е Explorer 6 в режиме совмес" со стандартами контент не 0!Х ся, если он превышает высоту ячейки.
Сделать так, чтобы шрифт был одинаковым во всех браузерах: Орега 7, Netscape 6, Internet Explorer 6, Internet Explorer 5, Орега 6.
Решение. Для первых трех браузеров размер шрифта - small. Но Е5 и Орега 6 отображают его на размер больше, и для них надо выставить x-small. Подставить x-small для IE5 проблем нет, но с Орега 6 придется поковыряться. Код выглядит следующим образом:
#myDiv {
lont-size:small;
}
/'Хак для IE5, шрифт на размер меньше.
Он не понимает slashed '! , html #myDiv
{
lont-size: x-small; font-size: small;
}
/'Хак для Орега 6, ей тоже надо на размер меньше'/
html>body #myDiv {
lont -size:x-small;
}
/' Для оставшихся нормальных браузеров, Орега 6 не понимает эту конструкцию' /
head:lirst-child+body #myDiv { lont-size:small;
}
