Html 任何不使用边距属性移动元素的方法

我做了一个小调查项目。为了让它看起来更好一点，我想在容器和我放置的文本之间留一点空间。我使用了元素边距，但重复了20次。有没有其他方法可以加快速度？还是这是唯一的办法？这是我在添加html文件和css时编写的代码

.container{宽度：100%；边距：3.125rem auto 0 auto；最大宽度：720px；}
标题{文本对齐：居中；背景色：#005C69；边距：自动；}
主{字体大小：20px；}
正文{背景色：#0B0014；}
#调查表{框大小：边框框；背景色：#005C69}
#名称{显示：块；宽度：70%；高度：1.75rem；填充：0.250rem 0.75rem；颜色：#495057；背景颜色：#fff；背景剪辑：填充框；边框：1px实心#ced4da；边框半径：0.25rem；左边距：17px；}
#电子邮件{显示：块；宽度：70%；高度：1.75rem；填充：0.250rem 0.75rem；颜色：495057；背景颜色：fff；背景剪辑：填充框；边框：1px实心#ced4da；边框半径：0.25rem；左边距：17px；}
#数字{显示：块；宽度：70%；高度：1.75rem；填充：0.250rem 0.75rem；颜色：#495057；背景颜色：#fff；背景剪辑：填充框；边框：1px实心#ced4da；边框半径：0.25rem；左边距：17px；}
} 
#名称标签{左边距：17px；}
#电子邮件标签{左边距：17px；}
#数字标签{左边距：17px；}
#下拉菜单{显示：块；宽度：40%；高度：1.75rem；填充：0.250rem 0.75rem；颜色：495057；背景颜色：fff；背景剪辑：填充框；边框：1px实心#ced4da；边框半径：0.25rem；左边距：17px；}
#角色{左边距：17px；}
#radiop{左边距：17px；}
.输入无线电{左边距：17px；}
#第一个{左边距：17px；}
#第二个{左边距：17px；}
#第三{左边距：17px；}
#第四{左边距：17px；}
#第五{左边距：17px；}
#第六{左边距：17px；}
#七{左边距：17px；}
#八{左边距：17px；}
#更改{左边距：17px；}
#cat{左边距：17px；}
#text区域{最小高度：120px；宽度：80%；填充：0.625rem；大小：垂直；左边距：17px；}
.submit按钮{显示：块；宽度：100%；填充：0.75rem；背景：#005C69；颜色：继承；边框半径：2px；光标：指针；颜色：红色；}

调查表
改善界面的调查
感谢您帮助我们改进服务
名称



电子邮件



年龄



哪个选项描述了您当前的角色？



选择一个选项
学生
全职工作
兼职工作
个体经营的
不起作用
你能推荐我们吗

绝对

也许

不确定

您将改进什么
前端项目

后端项目

挑战

我们的维基

论坛

视频/标签>

社区

课程

有什么意见或建议吗？





提交

当然，您可以一次选择特定类型的所有元素。仅使用类和id以特定元素为目标

输入{
左边距：17px；
}

您可以通过为输入指定特定的类别来确定其目标：

。一些类{
左边距：17px；
}

您甚至可以选择特定类型的输入元素，如下所示：

输入[类型=复选框]{
左边距：17px；
}

您可以将所有元素放在同一个类中，并生成一次css

.classForAll{margin left:17px；}

查看CSS类