1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。
2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。
3、接着在test.html的js标签内,使用function声明一个函数cgsize()。
4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。
5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。
可以用css改变字体的大小和颜色。
1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:
2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:
3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色:
html中div设置字体大小有两种 方法 ,下面由我为大家整理了html中的div设置字体大小的相关知识,希望对大家有帮助!
html中div设置字体大小
设置对象DIV字体大小或span字体大小设置有两种方法,一种是使用style直接设置css字体大小,另外一种外部设置指定DIV内字体大小样式。
html中的div设置字体大小方法一
我们设置DIV盒子字体大小为12px,在分别标签内使用style属性设置css font-size设置字体大小样式。
1、对应html源代码片段
<div style="font-size:12px">设置div内字体大小为12px</div>
html中的div设置字体大小方法二
我们通过外部新建CSS选择器对指定div设置文字大小样式。
1、实例css代码
<style>
.div{font-size:14px}
/* css注释:设置使用对象选择器名为“.div”的字体大小为14px */
.span{font-size:16px}
</style>
2、实例对应html代码片段
<div>未设置div字体大小</div>
<div class="div">设置div字体大小为18px</div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)