Псевдоэлементы :before и :after работают аналогичным образом. Добавьте любой из них к селектору «стиль-элемент», чтобы выбрать и специфицировать смысл и свойства
генерируемого содержимого. Вообще говоря, любое содержимое, сгенерированное в пределах этих псевдоэлементов, наследует атрибуты внешности элемента родителя, так что шрифты, размер и цвета, применяемые к элементу, применяются и к его сгенерированному содержимому. Например: читать далее
Архив Декабрь 2009 г.
Компоновка таблицы всегда представляет сложную задачу для броузера. Чтобы вывести красивую таблицу, броузер должен найти самую широкую ячейку в каждом столбце и отрегулировать ширину столбца, а затем и всей таблицы. В случае большой таблицы вывод документа может сильно замедлиться, если броузер совершает несколько проходов по таблице, пытаясь настроить все размеры.
Чтобы облегчить броузеру эту задачу, пользуйтесь свойством table-layout. Если вы установите его в значение fixed, броузер определит ширину каждого столбца по ширине соответствующей ячейки в первой строке таблицы. Если вы явно укажете ширину столбцов, установка свойства table-layout в значение fixed даже ускорит процесс вывода
таблицы, что, конечно, в интересах пользователей, просматривающих ваш документ. читать далее
Броузеры с функцией аудиовоспроизведения предлагают пользователям целый ряд способов навигации, основанных на озвучивании содержимого таблицы. Простейший подход заключается в том, чтобы броузер читал содержимое таблицы по порядку, сверху вниз и справа налево. Более сложный аудиоброузер организует содержимое таблицы
согласно заголовкам и читает информацию более понятным образом. Чтобы избежать путаницы, броузер должен в любом случае как-то сообщать пользователю, содержимое какой ячейки он читает. читать далее
Используйте свойство caption-side только с элементом <caption>. Оно принимает значения top (по умолчанию), bottom, left и right и сообщает, как расположить заголовок по отношению к таблице. Свойство caption-side предоставляет более удачный способ размещения заголовка таблицы, чем атрибут align тега <caption>, который зависит от броузера и объявлен нежелательным.
Все популярные броузеры, кроме Internet Explorer, поддерживают свойство caption-side.
Существуют две разных точки зрения на границы ячеек таблицы. Согласно первой, каждая ячейка является независимой сущностью со своими собственными границами. Вторая точка зрения сводится к тому, что соседние ячейки имеют общую границу и изменение границы одной ячейки неизбежно влияет на границу другой.
Чтобы предоставить авторам максимальный контроль, CSS2 определяет свойство border-collapse, позволяющее каждому составителю документов выбрать модель по вкусу. Значением этого свойства по умолчанию является collapse, которое заставляет соседние ячейки делить друг с другом общую границу. Альтернативным значением свойства
border-collapse является separate. Оно расширяет таблицу так, что границы каждой ячейки выводятся отдельно и отчетливо. читать далее
Хотя можно приложить свойства списков к любому элементу, они подействуют только на те элементы, для которых свойство display имеет значение list-item. Обычно единственным тегом, удовлетворяющим такому условию, является тег <li>.
Однако это не должно оттолкнуть вас от использования подобных свойств где либо еще, особенно с тегами <ul> и <ol>. Поскольку они наследуются от родительских элементов, в которых были установлены, модифицируя свойства списков для тегов <ol> и <ul>, вы модифицируете их и для тегов <li>, содержащихся в соответствующем списке. Это значительно облегчает создание списков с определенным внешним видом. читать далее