|
|
Опубліковано 27.07.2018 14:49:36
|
|
|
|
Normalize.css є альтернативою скиданню CSS. Він забезпечує високий ступінь узгодженості між браузерами за стандартним стилем HTML-елементів. Normalize.css є сучасною, преміальною альтернативою для HTML5 (http://necolas.github.io/normalize.css/）
І normalize.css, і reset.css — це таблиці стилів для скидання вкладок браузера
Мета створення normalize.css така:
Захищайте корисні стандартні стилі браузера замість повного їх видалення
Узагальнені стилі: Передбачені для більшості елементів HTML
Виправте власні баги браузера та забезпечте узгодженість між браузерами
Оптимізація зручності CSS: Використовуйте кілька порад
Поясніть код: використовуйте коментарі та детальну документацію
Normalize.css підтримує широкий спектр браузерів, включно з мобільними браузерами, і узагальнює елементи HTML5, типографіку, списки, вбудований контент, форми та таблиці. Хоча цей проєкт базується на узагальненнях, ми використали більш практичні стандарти, де це доречно.
Нормалізація проти скидання
1. Normalize.css Захищені цінні дефолти
Reset змушує елементи мати однаковий візуальний ефект, нав'язуючи стандартний стиль майже всім елементам. Натомість Normalize.css зберігає багато стандартних стилів браузера. Це означає, що вам більше не потрібно перестилати всі типові елементи типографіки. Коли елемент має різні налаштування за замовчуванням у різних браузерах, Normalize.css прагніть зберегти ці стилі максимально узгодженими з сучасними стандартами.
2. Normalize.css Виправлено баг у браузері
Він виправляє поширені баги у десктопних та мобільних браузерах. Це часто виходить за межі можливостей Reset. У цьому контексті Normalize.css виправлені проблеми включають налаштування відображення елементів HTML5, проблеми з розміром шрифту у попередньо відформатованому тексті, переповнення SVG у IE9 та численні помилки, пов'язані з формами, які з'являються в різних браузерах і операційних системах.
3. Normalize.css Це не зробить ваші інструменти налагодження захаращеними
Одним із найдратівливіших аспектів використання Reset є великий ланцюжок спадкування в інструменті налагодження браузера, як показано на зображенні нижче. У Normalize.css такої проблеми не буде, бо ми дуже обережно використовуємо мультиселектори у наших рекомендаціях і будемо спеціально стилізувати цільовий елемент.
4. Normalize.css є модульною
Проєкт розділений на пов'язані, але окремі частини, що робить його простим і зрозумілим, які елементи встановлені на конкретні значення. Це дозволяє вибірково видаляти частини, які ви ніколи не використаєте (наприклад, узагальнення форм).
5. Normalize.css Має детальну документацію
Normalize.css код базується на детальних і комплексних дослідженнях і тестуванні між браузерами. Цей файл містить детальні описи коду та додаткові інструкції на Github Wiki. Це означає, що ви можете дізнатися, що саме робить кожен рядок коду, чому ви його написали, у чому відмінності між браузерами, і легше протестувати свій власний.
Як користуватися normalize.css
Спочатку встановіть або завантажте Normalize.css з Github, а потім є два основні способи його використання.
Стратегія 1: Використовуйте normalize.css як основу CSS для власних проєктів, налаштовуючи стильові цінності під потреби дизайнера.
Стратегія 2: Імпортувати normalize.css вихідний код і будувати на ньому, переписуючи стандартні налаштування власним CSS, коли це потрібно.
Завантаження файлу CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Попередній:Консольна програма C#, яка вимикає кнопку закриття, вирішує це ідеальноНаступний:Попросіть працівників Taobao скопіювати програму пакетами
|
