<ul>中<li>标签和<li>之中标签文字大小如何改变

发布网友发布时间：2022-04-19 16:58

我来回答

共3个回答

懂视网时间：2022-05-13 04:22

css 懂一点点...

大家帮忙看看怎么设置ul li 里面文字的定位

上图是要修改的样式。下图是我自己的，帮忙看看怎么定位到上图的位置？

回复讨论(解决方案)

li里面设置padding-left然后设置了多少，width就减少多少

padding 不是整体下移么？

你先去去看盒子模型

padding就是内间距上下左右都可以设
比如 padding: 1px 2px 3px 4px; 分别对应上、右、下、左的边距。
你也可以通过padding-left:1px; padding-top:2px;之类的单独进行设置

我试试看

如果是像你图片上的这种只是显示文字内容的话，我会选择给li加上：text-indent:20px;

噢，没看到纵向也不居中，那就再加上line-height:30px;，这个值一般设为和li的高度相同就好了，各个浏览器都没有问题的。

热心网友时间：2022-05-13 01:30

直接使用css样式就是可以改变li之间的文字大小的，css中修改文字的大小使用的是font-size属性。

工具原料：编辑器、浏览器

1、首先给ul或者li添加id或者class属性，然后在css样式表中给其应用font-size属性，简单的代码示例如下：

body>
<ul>
<li>文字一</li>
<li>文字二</li>
<li class="special">文字三</li>
<li>文字四</li>
</ul>
<style>
.special{
font-size: 30px;
}
</style>
</body>

2、给第三个li设置了字体的大小为30像素，运行的效果如下：

热心网友时间：2022-05-13 02:48

这是典型的CSS选择器权重问题，CSS选择权重用高到低依次是important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符，#Logo ul li a{font-size:16px;}的id权限明显是高于类的.left a{font-size:50px;}权限，所以从你现在的css来看，要想改变left里面的字体，建议直接这样写

<a href="#" style="font-size:50px;">哈哈</a>

首页

文章

<ul>中<li>标签和<li>之中标签文字大小如何改变

回复讨论(解决方案)