Зручне збори css хаков для найпопулярніших браузерів

Теги: css, хакі, hacks, чіти

Для кожного гарного верстальника в якийсь момент часу постає питання кросбраузерності. Що таке кроссбраузерность? Це властивість сайту або дизайну сайту відображатися одинакого в різних барузер. Справа в тому, що при створенні браузерів розробники не сильно замислюються про стандартизацію, це породжує різне уявлення одного і того ж сайту в їх продукції. Створення кросбраузерності верстки / сайту і дозволяє подолати цю різницю.

Для цієї мети в CSS мовою були вигаданою заявником так звані хакі (чіти), які дозволяють застосовувати групу властивостей тільки під один браузер або кілька, наприклад, тільки Opera або тільки Chrome / Safari.

Таблиця сумісності хаков

Назви і самі хакі

Хак з умовними коммантаріямі в html

Найпростіший і добре дієвий варіант, створити окремий. css файл для всіх версій IE. і підключати його на ряду з головним, але особливим чином.

де styles.css - файл, який буде відповідати за стилі тільки для IE.

Суть полягає в тому, що ми перевіряємо, яким браузером користується відвідувач сайту і якщо це Google Chrome. то підключаємо для нього додатковий файл стилів, в якому потрібні властивості, які можуть перекриватися в основному файлі стилів, виділяємо! important.

Синтаксис такий (у файлі. Php або. Html. Куди підключаємо файл стилів, тобто. В розділ, додаємо такі рядки, всередині тега ):

Єдине що вам тут потрібно поміняти це в 10 рядку шлях до вашого файлу стилів.

Суть полягає в тому, що ми перевіряємо, яким браузером користується відвідувач сайту і якщо це Opera. то підключаємо для нього додатковий файл стилів, в якому потрібні властивості, які можуть перекриватися в основному файлі стилів, виділяємо! important.

Синтаксис такий (у файлі. Php або. Html. Куди підключаємо файл стилів, тобто. В розділ, додаємо такі рядки. всередині тега ):

Єдине що вам тут потрібно поміняти це в 10 рядку шлях до вашого файлу стилів.