Во-первых, давайте представим четыре распространенных способа связи HTML-документов с CSS:
1. Используйте теги ссылок
| ＜ссылка rel="stylesheet" type="text/css" href="sheet.css" /＞ |
2. Используйте элементы стиля
＜тип стиля="текст/css"＞ тело {фон: #fff;} h1 {размер шрифта: 2em;} ＜/стиль＞ |
3. Используйте директиву @import.
＜тип стиля="текст/css"＞ @import URL (лист1.css); @import "лист2.css"; ＜/стиль＞ |
| ＜p style="color:#f00;"＞Это красный текст＜/p＞ |
В практических приложениях использование встроенных стилей с использованием атрибута style не рекомендуется. XHTML1.1 стандартизирует его использование. Причина проста: этот метод не намного лучше, чем тег шрифта, и ослабляет централизованное управление. весь внешний вид документа с помощью CSS.
Первые три метода используют теги ссылок и теги стиля и имеют следующие ограничения в IE (включая IE6, IE7 и IE8 beta1):
◆ Можно применить только CSS, связанный с первой 31 ссылкой или тегом стиля в документе.
Начиная с 32-го числа, CSS, связанный с его тегом, будет недействителен. В официальной документации IE все теги стиля после первых 30 тегов стиля на странице HTML не применяются в Internet Explorer, также упоминается это ограничение, включая это ограничение в файлах .xml с использованием .xsl. Но похоже, что было написано не то количество. Пожалуйста, просмотрите его в IE:
◆ Тег стиля действителен только для первой 31 инструкции @import.
Игнорируется, начиная с 32-й директивы @import.
◆ Эффективно применяются только первые 31 инструкция @import файла CSS.
Игнорируется, начиная с 31-й директивы @import.
◆ Размер CSS-файла не может превышать 288 КБ?
Эта новость исходит от ограничения размера CSS-файла Internet Explorer.
Ограничения IE на CSS в большинстве случаев не встречаются. Даже если встречается лучшее решение, это должно заключаться в объединении файлов CSS и тегов ответа вручную или с помощью внутренней программы, чтобы минимизировать количество HTTP-запросов. оптимизация рендеринга страниц.