1. Схема Приведенный выше стиль (свойства в скобках за прямым, не разделены запятыми) может использоваться в большинстве браузеров, но не может пройти проверку CSS, поскольку утверждение не разделено запятыми.
При отладке задачи CSS я часто добавляю границы в указанный элемент, чтобы точно увидеть, что происходит с элементом, и помогаю определить источник проблемы. Это часто эффективно, потому что это дает мне более конкретную видимость в макете. Но если это элемент уровня блока, это может привести к некоторым ошибкам-добавление границы 1PX к любому элементу уровня блока, скорее всего, повлияет на макет, что добавит дополнительную 2PX к ширине этого элемента.
Свойство контура является идеальной альтернативой, потому что оно делает объект, не влияя на поток документов. Тем не менее, IE6 и IE7 не поддерживают атрибут контура, поэтому его нельзя использовать для отладки в обоих браузерах.
2. Унаследовать (значение)
В разработке CSS есть много примеров: «наследу» - все добавленные свойства его родительского элемента, установив определенные стили на определенном элементе, так что вы можете избежать довольно большого количества ввода клавиатуры.
Это может быть легко достигнуто, установив наследство. Это может быть полезно. Например, при переписывании атрибута фона часто бывает много текстов в атрибуте (цвет, адрес URL, местоположение и т. Д.). Таким образом, вместо переписывания этих значений вы можете просто рассмотреть, что элементы в процессе обладают теми же фоновыми свойствами, что и их родительский элемент, значение наследственного значения может сделать все, что, очевидно, много спасает ввод клавиатуры.
К сожалению, наследственные значения не поддерживаются в IE6 и IE7 (за исключением направления (ориентация текста) и свойства видимости).
3. Пустые клеи
Это свойство используется только для элементов, таблица или свойство «отображение» установлено на «табличную клетку». Если вы динамически добавляете контент в таблицу, вы можете столкнуться с пустым содержанием ячейки, а затем вы не хотите, чтобы пустая ячейка была скрыта.
Использование «пустые клены: скрыть» может решить эту проблему, которая полностью скрывает ячейки, которые могут возникнуть.
Internet Explorer не поддерживает атрибут пустых клеток.
4. Подпись
Говоря об атрибуте таблицы, этот атрибут используется для объявления заголовка таблицы, отображаемого на боковой панели таблицы. Он принимает четыре значения: сверху, внизу, влево и вправо. Интернет -экспортер не поддерживает это свойство, название таблицы всегда будет отображаться в верхней части таблицы в IE6 и IE7.
5. Контрпример / противоречие
Заказанные списки (<ol>) очень удобны, потому что они сохраняют вам хлопот добавления инкрементных чисел вручную, и это позволяет вам изменить последовательность списков без изменения чисел.
CSS обладает свойствами контрпринциров и контррезирования, которые позволяют вам автоматически генерировать инкрементные числа почти на все элементы HTML, как и эффект упорядоченного списка.
Но IE6, IE7 и даже Safari (до версии 3.x) не поддерживают эти свойства. Конечно, IE6 не поддерживает: до псевдо-выбросов.
6. Мин-высот
Иногда дизайн или макет веб -сайта требует области контента с фиксированной высотой, в противном случае конкретные визуальные эффекты будут потеряны. Это может быть связано с градиентным фоном, уникальным раскрывающимся списком, или это может быть связано с прохладным эффектом свечения от PS. Но иногда на странице много контента, но страница не может быть расширена, как и ожидалось.
В настоящее время необходимо использовать атрибут MIN-Hight, поскольку он может сказать браузеру отображать минимальную высоту на определенном элементе уровня блока, независимо от того, достигает ли фактическая высота содержания эту минимальную высоту. Затем, если контент превышает минимальную высоту, элемент будет расширяться умеренно.
Единственное, что нужно отметить с помощью MIN-HEITH, это то, что он не поддерживается в IE6. Мы все знаем, что IE6 выходит на стадию истории (медленно), но некоторые клиенты все еще могут попросить их веб -сайт поддержать этот проклятый браузер.
Но приятно, что IE6 делает ценность высоты точно так же, как и другие браузеры «Минь-высот», поэтому вам нужен только хакер или независимая таблица стилей, чтобы добавить конкретные таблицы стилей к этому элементу.
IE6 также игнорирует минимальную ширину, максимальную высоту и максимальную ширину, но приведенные выше методы также возможны в этих свойствах.
7.: hover
Технически: Hover-это просто псевдо-класс, но он не поддерживается в IE6 (поддерживается IE7 и IE8). The: Hover Pseudo-Class позволяет добавлять любые стили мыши в элемент. Это очень полезно и может избежать (по крайней мере, до некоторой степени) с использованием JavaScript.
Однако, если вашему веб-сайту необходимо полностью поддерживать IE6, особенно в Китае, где IE6 полон власти, то вы должны рассмотреть возможность отмены использования этого псевдокласса, если только соответствующий тег не имеет атрибута «href», такого как тег <a> Полем И если этот эффект должен быть достигнут, может потребоваться использование JavaScript и дополнительных стилей.
8. Дисплей
Дисплей обычно устанавливается на одно из этих трех значений: блок, встроенный, и нет. «Благодаря IE, другие значения дисплея используются редко. Эти значения включают в себя встроенный блок, таблицу, встроенный столик и настольные клетки.
Таким образом, хотя IE поддерживает эти три основных свойства дисплея, он в основном не поддерживает другие свойства.
На самом деле, поддержка свойств IE8 для дисплея довольно завершена. Однако для атрибута встроенного блока IE6/7 поддерживает только элементы, которые сами по себе.
Чтобы узнать больше о поддержке Display в различных браузерах, обратитесь к этому - Shenfei Note
9. Клип
Это интересный атрибут CSS, который пригодится в особых случаях. Он может быть объединен с непредсказуемым, динамически сгенерированным контентом. Проще говоря, это свойство позволяет вам указать скрытые области на определенном элементе - его также можно понять как в абсолютно позиционированном элементе, область отображения элемента вырезана в соответствии с определенными настройками, а содержание за этой областью будет быть скрытым.
Технически говоря, атрибут клипа поддерживается IE, но поддерживает только синтаксис без запятых, например, как
div.clipped {
Заполнение: 20px;
Ширина: 400px;
Высота: 400px;
Клип: Rect (20px 300px 200px 100px);
позиция: абсолютно;
}
10.: фокус
Это еще один псевдо-класс, который необходимо упомянуть здесь, потому что все браузеры, не являющиеся Бруузами, поддерживают это свойство. The: Focus Pseudo-Class позволяет объявить особый стиль. Это очень полезно для элементов формы, потому что вы можете добавить границу в ящик ввода, когда он выбран.