css去掉初始值

CSS的初始值是指元素在没有样式时默认的样式属性值。这些初始值有时候并不符合我们的需求，因此需要通过CSS去除这些初始值。

/*以下是常见的CSS属性的初始值*/
/*文本样式初始值*/
font-family: system-ui;
font-size: medium;
line-height: normal;
text-align: start;

/*盒模型初始值*/
display: inline;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-width: medium;
border-style: none;
border-color: currentColor;
border-image: none;
background-color: transparent;

/*定位初始值*/
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
float: none;
clear: none;

/*列表样式初始值*/
list-style-type: disc;
list-style-position: outside;
list-style-image: none;

通过覆盖初始值来修改CSS样式是一种常见的方法。方法有很多，可以使用通用选择器、类选择器、ID选择器等来选中要修改样式的元素。

/*例如要修改div元素文本样式和盒模型属性的初始值*/
div {
  font-family: Georgia,'Times New Roman',serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;

  display: block;
  margin: 20px;
  padding: 10px;
  border: 1px solid black;
  background-color: #f3f3f3;

  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: none;
  clear: both;
}

使用CSS去掉初始值可以使得网页的样式更加精细，符合设计要求，提高用户的体验感。