请教 css 样式问题

Question

这是一个 ul >li,

代码如下：
<ul class="sonList">

  <li class="one">第1个</li>
  <li>第2个</li>
  <li>第3个</li>
  <li>4个</li>
</ul>

样式：

现在要怎么设置，才能让每个li的内容离背景图的左边框近点？

Answer 1

ui:{

padding-left: 0

}

Answer 2

改小ul元素的margin-left值或者将li元素的margin-left值设置为负值（不推荐）

Answer 3

样式初始化
*{

   margin:0;
   padding:0;

}

Answer 4

你这个应该是浏览器默认margin值吧。重置后用margin-left或者padding-left修改应该可以的

Answer 5

css 重置样式表

Answer 6

在 IE 中好像是 padding-left 吧，然后在其他浏览器中好像是 margin-left

具体是不是，我忘了，如果记错了，那就是这两个反一下，但是数值好像是大于 30px 小于 50px，具体我也忘了。

最后，简单点，重置一下 ul、li、ol 的样式吧。

ul,ol,li {
    margin: 0;
    padding: 0;
    list-style: none;
}

简单粗暴，后期根据自己需要再重新来过。

Answer 7

ul,li{

margin:0;
padding:0;

}
有时候li之间还是会有一点点小空隙，这时把
ul{

font-size:0

}

Answer 8

ul li默认会有padding-left：20px内间距

Answer 9

浏览器中，ul有一个默认的padding-left值为20px，设置为0既可。

Answer 10

初始化标签 margin:0;padding:0;

Answer 11

本来是想这样写：

* {
    margin:0;
    padding:0;
}
ul {
    padding-left:10px;
}

至于padding-left设为多少就要看情况了

但是，看了前楼转的张大神的 CSS reset的重新审视 – 避免样式重置 后，我想这么写：

ul {
    padding:0 0 0 10px;
}

Answer 12

li的margin-left/padding-left值为0

Answer 13

把默认样式margin padding 设置为0；