css+ul+li默认样式

CSS是网页设计中不可或缺的一部分，其中ul和li元素是常用的标签。但是，这些标签的默认样式可能不能满足我们的需求。那么，我们该如何掌握和修改这些标签的默认样式呢？

/* 默认样式 */
ul {
  list-style: disc;
}

li {
  display: list-item;
  text-align: -webkit-match-parent;
}

/* 修改样式 */
ul {
  list-style: none; /* 去除默认样式 */
  margin: 0;
  padding: 0;
}

li {
  display: block;
  margin: 5px;
}

li:hover {
  background-color: #eee;
}

在上面的代码中，我们重写了ul和li标签的样式，并添加了li:hover的样式。具体来说：

• 为了去除默认的圆点样式，我们使用了list-style: none;
• 为了消除默认的margin和padding，我们设置了margin: 0;和padding: 0;
• 为了在li元素之间加一些空隙，我们设置了margin: 5px;
• 为了在鼠标悬停时改变li元素的背景颜色，我们使用了li:hover;

总的来说，通过掌握CSS的基本语法和属性，我们可以轻松地掌握和修改ul和li标签的默认样式，实现更加精美的网页设计。