Как измерить эффективность встроенного CSS по сравнению с использованием классов

Всякий раз, когда я сталкиваюсь с такими ситуациями, я просто повышаю численность.

double x = 12.0 / 23409;
decimal y = 12m / 24309;

Console.WriteLine($"x = {x} y = {y}");
0
задан Samul 16 January 2019 в 13:34
поделиться

2 ответа

Inline vs Class (селекторы)

  • Селекторы являются естественным следствием правил стилей с разделением, однако они пришли в CSS вместе со сложной концепцией специфичности селекторов.
  • Правила стиля, определенные в строке, не могут быть повторно использованы между многими узлами. Их нужно определять и анализировать снова и снова, даже если они абсолютно одинаковы.
  • Применение встроенных стилей к каждому элементу из JavaScript имеет разумные издержки на уровне библиотеки, ответственном за это.
  • Встроенные стили все еще хороши, когда вам нужно анимировать определенные свойства определенного элемента.
  • Встроенные стили реализуют только подмножество CSS. У них нет медиазапросов, ключевых кадров, псевдоселекторов и т. Д.
0
ответ дан Praveen Kumar Purushothaman 16 January 2019 в 13:34
поделиться

СУХОЙ (не повторяйся) код

Скажем, если вы хотите изменить значение, font-size: 24px, вы можете сделать n раз, чем один раз в CSS , Плюс размер кода тоже меньше.

Каскадирование / переопределение

Я бы не стал говорить о том, чтобы поместить CSS в отдельный файл, но, безусловно, встроенные стили не одобряются, поскольку встроенные стили нельзя переопределять, кроме как с помощью !important.

Презентация / Разделение контента

Вы действительно должны разделить оба.

0
ответ дан Praveen Kumar Purushothaman 16 January 2019 в 13:34
поделиться