CSS использует класс и стиль для одного и того же элемента, хорошо это или нет?
Я хотел бы знать, можно ли использовать атрибуты класса и стиля для одного и того же элемента?
Я также хочу знать, будет ли моя страница быстрее, если я буду использовать атрибуты класса и стиля для одного и того же элемента вместо двух разных классов, например:
У меня есть два дива, один с style="width:680px;display:table;"
, а второй с style="width:680px;display:table;margin-top:20px;"
, я могу создать один класс под названием "tst"> .tst{width:680px;display:table;}
, и я буду использовать этот класс в обоих дивах, но во втором я также добавлю style="margin-top:20px;"
.
РЕДАКТИРОВАТЬ: Я получил другое предложение - иметь два класса, но один будет содержать width:680px;display:table;
, а второй будет содержать margin-top:20px;
, а затем я буду использовать во втором div в обоих классах > class="class1 class2"
.
Какой способ ускорит загрузку моей страницы и почему?
1 answers
Вводить параметры стиля никогда не является хорошей идеей (за исключением, может быть, если вы используете java и ставите стиль="дисплей:нет").
Причина в том, что файлы css кэшируются браузером, что позволяет странице загружаться быстрее. Если у вас есть 10 кб текста, встроенного в html, он будет повторно загружаться каждый раз, умножьте это на несколько страниц и на тысячи пользователей, и у вас возникнут проблемы с пропускной способностью.
То, как я делаю то, о чем вы говорите, - это устанавливаю правило, подобное тому, которое вы ввели редактирование:
.xyz {
width:680px;
display:table;
}
Затем
.margin-20{
margin-top:20px;
}
И используйте их следующим образом:
class="xyz margin-20"
Также следует отметить, что то, что вы делаете, практически не имеет смысла, обычно дивы имеют одинаковые свойства, верхнее поле означает, что вам нужно поставить пробел поверх div, это можно сделать с помощью div, который вы используете разделитель, подобный этому:
.spacer {
height:20px;
...
}