css设置默认字体样式 字体大小 行距多少为好

html-css09

css设置默认字体样式 字体大小 行距多少为好,第1张

字体样式 中文-微软雅黑，英文-arial

字体大小 12px-14px 标题16px-20px

行距 1.5-1.75

颜色 #333

我觉得 CSS 比较难实现,建议用 js 来做.

遍历页面所有div层元素, 设置 fontsize = 当前的fontsize + 1

把以下代码存成 html 文件即可以看到效果.

<script type="text/javascript" language="javascript">

function enlargeFontSize(){

var elements = document.getElementsByTagName("div")

for (var i=0i<elements.lengthi++)

{

var tmp = elements[i].style.fontSize

tmp = Number(tmp.replace("px",""))+1

elements[i].style.fontSize = tmp

}

}

</script>

<input type="button" value="所有文字加一号" onclick="javascript:enlargeFontSize()">

<br />

<div style="font-size:14px">

测试文字1

</div>

<br />

<div style="font-size:18px">

测试文字2

</div>