Hi，有项目需要沟通吗？让我们开始吧
我们很擅长也很乐意为客户的产品做一些事半功倍的交流和见解
连云港网站建设：怎样实现li的图标样式和文本样式的调节
2015.03.24
行业动态
在网站建设常用的代码<li>标签中，会涉及到边距的问题即margin和padding。在margin的标签中，margin-top/margin-right/margin-bottom/margin-left是常见代码。但是对于以上元素赋予正值是经常看到的，但是负值是很难看到的。负值的margin和正值的margin是有区别的，上和左方的 margin 负值使该元素向上和左方向移动，下和右方的 margin 负值使该元素下方、右方的元素被拉向该元素。
高度：列高和行高
关于列高，li的高度继承最近的li的高度，如
<div class="main">
<div class="gs"></div>
<div class="xw">
<ul>
<li>aaa</li>
</ul>
</div>
<div>
.main li和.xw li同时指定了高度，那么li的高度继承的是.xw li的高度。
通过ul{list-style: none;}将原有的li序列带的·去掉，然后把它换成你想要的其他图片。在和很多连云港网站建设人员的沟通中，发现大部分的网站建设人员使用的代码是ul{list-style-type:disc;} //disc的作用是在每个li前加一个黑点，其他常用的有square:黑色方块;none:无列表样式;decimal:数字。
ul{list-style-image:url(图片地址);}。ul的list-style-type在不同浏览器下显示的点或者方块的大小不一样，这点很不美观。首先，ul的list-style-type在不同浏览器下显示的点或者方块的大小不一样，这点很不美观。再者，positon属性并不好用，我曾今尝试过使用该属性，
结果是IE6和以上版本及火狐里显示的方位很难统一。综上所述，小编给的建议是使用background：ul{list-style-type:none；}li{background:url(背景图标) no-repeat 0px 0px;}。
在li的标签中，有个重要的问题即li序列图标（background里的）和文字序列的对齐方式。对于文字位于列表中的哪个位置？可以通过li的高度height和line-height来进行调节，如当line-height的高度大于height，则文字位于则靠近整个li块的底部。对于以背景图的形式插入的li图标，可以通过background: url(weixin.jpg) no-repeat left bottom;或者是left center 又或者是left top的形式来实现。
http://www.web0518.com/