предисловие
Документ reset.css представляет собой обычный документ каскадной таблицы стилей, который является документом css.Веб-сайт обычно использует три документа css для установки стиля веб-сайта.сбросить стиль(reset.css) (сбросить стиль css по умолчанию);общественный стиль(common.css) (ряд страниц имеет общий стиль, например: стили заголовка и низа);независимый стиль(стили используются индивидуально для каждой страницы, например index.css).
В частности, это стиль сброса, а два других стиля зависят от проекта, и здесь не так много правил и настроек, о которых можно было бы говорить.
содержание
Зачем использовать reset.css
Потому что в разных браузерах теги HTML будут иметь некоторые значения атрибутов по умолчанию, но каждый браузер будет отображать разные эффекты, такие как несогласованные поля, другой цвет шрифта, размер и высота строки и т. д. Чтобы этого не произошло, основная цель состоит в том, чтобы уменьшить количество повторных определений кода, повысить скорость повторного использования кода, повысить эффективность разработки, сбросить стиль по умолчанию для каждого браузера и решить вызванную им проблему сопряжения.
Резюме: высокая степень повторного использования, низкая связанность и небольшие файлы.
как использовать
Отдельно создайте документ CSS для хранения стилей сброса, это reset.css для хранения только стилей сброса, другие стили могут быть основаны напредисловиеКлассифицировать отдельные свойства css. Вот тот, который я написал со ссылкой на reset.css основных веб-сайтов.reset.css,документы не совсем стандартные,многие из них написаны под конкретные нужды проекта.Я лишь обобщил некоторые очень распространенные стили сброса,которые можно применить к большинству проектов.Конечно,лучше всего в них разбираться. reset.css написать.
описание reset.css
@charset 'utf-8';
/*这些元素都建议重新初始化*/
body,div,dl,dt,dd,ul,ol,li,tr,td,th,
h1,h2,h3,h4,h5,h6,hr,br,img,table,
input,form,a,p,textarea{
padding:0;
margin:0;
font-family:Arial,'Microsoft YaHei','宋体';
}
/*去掉列表默认排列*/
ul,ol,li{
list-style:none;
}
/*去掉底部横线*/
/*把a元素更改设置成块级元素，这个根据实际情况决定要不要*/
a{
text-decoration:none;
display:block;
}
/*img标签要清除border。*/
/*display设为block设置为块级元素，默认为display:inline;
存在下边线多出4px状况,所以一般设为block*/
img{
border:0;
display:block;
}
/*清除浮动破坏带来的塌陷问题*/
/*清除浮动的兼容IE*/
.clearfloat {
zoom: 1;
}
.clearfloat:after {
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}
Суммировать
Чтобы быть более стандартизированным, чтобы лучше сотрудничать с людьми, есть документ reset.css. Этот документ лучше всего писать в начале проекта. Если вы спросите, нужен ли этот документ, я отвечу: нет. Вы можете написать, какой атрибут вы видите в таблице стилей, но написание этого документа может помочь вам сэкономить время и сделать ваш код более эффективным. Спасибо!