避免同时在HTML和在CSS中编写CSS样式存在冲突问题

前端css样式可以在HTML和css中进行书写，但两种方式存在着优先级问题，导致出现冲突

例：
在HTML中添加样式

在CSS中添加样式

我们在写代码时会觉得页面效果应该是一个 宽550px,高300px的半透明椭圆，
实际上效果是一个宽高皆为200px的半透明椭圆，如下：

以上情况是优先级问题引起的，代码执行的时候先执行HTML代码，再执行CSS中的样式代码，所以当我们同时在HTML和CSS中给一个元素添加样式时，CSS中的样式会被覆盖掉，对此我们只有三种避免方法
1，把一个元素的样式代码全部写在HTML中，
2，把一个元素的样式代码全部写在CSS中，
3，同时在HTML和CSS中添加样式时不要把同一种样式两次编写在HTML和CSS中，好比如 height：200px; 这个样式已经在HTML中存在时，就不能再CSS中进行第二次编写，如果需要修改，可以直接在HTML中对其进行修改，也可以先把HTML中的样式代码给删掉，然后在CSS中进行编写。

这样做可以让我们在避免冲突的同时，也让我们的代码更整洁一点