怎么修改wordpress文章字体大小,如果你想修改文章字体的大小就找到:
.text {style:none;font-size:14px;line-height:30px;}
和上面一样,修改font-size:14px中px下面的数字就行了,我们这个为14px,那大家就可以根据自己网站进行相应的修改。
wordpress 修改文章字体颜色
感觉WordPress比较灰的字体看着不舒服,略微修改成为黑色,感觉貌似好点。
进入:站点管理-》外观-》编辑-》样式表(style.css)。 [点击位置在右下角]
找到以下代码
1
2
3
4
5
6
|
.post .content {
font-size:14px;
padding:5px 0 0 5px;
line-height:145%;
overflow:hidden;
}
|
在“{”后面添加如下代码设置文章字体大小:
1 |
color:black;
|
修改后此段代码如下:
1
2
3
4
5
6
7
|
.post .content {
color:black;
font-size:14px;
padding:5px 0 0 5px;
line-height:145%;
overflow:hidden;
}
|
点击“更新文件”按钮,修改完成。
CSS:
em版本:
body { font-size:16px; /* base font size set in pixels*/}
h1 { font-size:1.5em; /* 24px / 16px */ }
span { font-size: .666666667em; /* 16px / 24px*/ }(解释:上下文环境变了,基准已经不再是body字体的16px,而是h1元素的24px)
rem版本:
html { font-size:100%; /* equates to ~16px*/}
h1 { font-size:1.5em; /* 24px / 16px */ }
span { font-size: 1rem; /* 16px / 16px*/ }(解释:span元素将继承html元素的字体大小,而不是包含它的div元素)
【Opera Mobile 浏览器还没有支持rem,所以额外设置以元素为单位的备用方案。】
span { font-size:16px; font-size:1rem; }
问题1:
基准字以em为单位,IE会夸大实际应当调整的字体大小。
解决:
在body元素上以百分比为单位指定基准字体大小来绕过这个问题。
- body { font-size:100% }
复制代码
问题2:
em 与 rem 的区别
分析:
(1)em 。是一种更加流行、更具灵活性字体大小单位。1em等于默认的字体大小。
如果内容的字体大小是16px,那么1em=16px. 2em=32px.
(2)rem 。是一种极具潜力,并兼灵活性字体大小单位。以rem(“root em”)作为单位。
rem的大小与根元素——HTML元素——有关。例子:
Html:
- <body>
- <div id=”main”>
- <h1>Question One<span>Please choose an ans</span></h1>
- <p>In which book did H.G. Wells</p>
- <ol>
- <li>Yhe Invisible Man</li>
- <li>The War of the Worlds</li>
- <li>The World Set Free</li>
- </ol>
- </div>
- </body>
总结:
1、body { font-size:100%; } 对于大多数浏览器来说能保证基准font-size的值为16px。
2、算出em的值:目标/上下文环境 = 结果 (24px / 16px = 1.5 em)
3、写代码时多使用注释,方便记忆。
友情链接
深圳车辆实时定位物联网无线通信有限公司
========================
如需友情链接,发邮件到 lanchh@live.com 联系
========================
志文工作室
厦门地铁
云轻灵网络科技有限公司