css去掉默认继承宽度

CSS又称层叠样式表（Cascading Style Sheets），是现代web设计中不可或缺的一部分。CSS 主要负责网页的样式和布局设计，可以使得网页变得更加美观和易于阅读。而其中一个重要的应用就是表单样式。

表单是网页中常见的交互形式，如用户注册、登录、搜索等功能都需要用到表单。而CSS可以对表单进行各种样式调整，如背景色、字体、边框等等。这样不仅可以让表单变得更加美观，还可以根据网页整体风格调整表单样式，提高网页的整体协调性。

/* 以下是一个简单的表单样式，包括输入框和提交按钮的样式 */
form{
  margin: 50px auto;
  width: 400px;
  padding: 20px;
  background-color: #eee;
  border-radius: 10px;
  text-align: center;
}
input[type="text"],input[type="password"]{
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border-radius: 5px;
  border: none;
  background-color: #fff;
}
input[type="submit"]{
  background-color: #333;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
input[type="submit"]:hover{
  background-color: #fff;
  color: #333;
}

以上代码使用了一些CSS常见属性，如width、background-color等等。其中最值得注意的属性是border-radius，它控制了边框的圆角程度。另外，表单中的提交按钮还使用了hover伪类，当鼠标悬浮在按钮上时样式会发生变化。

总之，使用CSS可以让表单变得更加美观、易于使用、整体协调。而随着前端技术的不断发展，CSS的应用范围也在不断扩大。