使用javascript代码调整修改日志文章网页内容字体大小font-size

怎么修改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元素上以百分比为单位指定基准字体大小来绕过这个问题。

  1. body { font-size:100% }

复制代码

问题2:
em 与 rem 的区别
分析:
(1)em 。是一种更加流行、更具灵活性字体大小单位。1em等于默认的字体大小。
如果内容的字体大小是16px,那么1em=16px. 2em=32px.
(2)rem 。是一种极具潜力,并兼灵活性字体大小单位。以rem(“root em”)作为单位。
rem的大小与根元素——HTML元素——有关。例子:
Html:

  1. <body>
  2. <div id=”main”>
  3. <h1>Question One<span>Please choose an ans</span></h1>
  4. <p>In which book did H.G. Wells</p>
  5. <ol>
  6. <li>Yhe Invisible Man</li>
  7. <li>The War of the Worlds</li>
  8. <li>The World Set Free</li>
  9. </ol>
  10. </div>
  11. </body>

总结:
1、body { font-size:100%; } 对于大多数浏览器来说能保证基准font-size的值为16px。
2、算出em的值:目标/上下文环境 = 结果 (24px / 16px = 1.5 em)
3、写代码时多使用注释,方便记忆。

Top Down