html编辑页面字体怎么设置

html-css018

html编辑页面字体怎么设置,第1张

1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色。

2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大。

3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色。

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文件,点击按钮,改变文字的大小。

用法1:

用法2:

参数含义

CSS中关于P标签中的样式:

1、font-family:浏览器在显示字体的时候,依次判断是否支持当前的字体,直到最后的字体系列。

font-family:"宋体","仿宋",sans-serif 浏览器若不支持宋体,则用仿宋;若不支持仿宋,则在sans-serif中找。

2、font-weight:确定字体的粗细

font-weight: bold

bold:加粗;bloder:深度加粗;lighter:细体;

3、font-size:字体的大小,默认字体大小是16px

font-size:200%

4、font-style:字体的显示样式

font-style: italic

italic:斜体; normal:正常

5、color:字体颜色

color: red

6、opacity:字体的透明度

opacity:0.5 1:默认样式;0:全透明

7、居中p标签字体居中的方法。首先p标签给出宽和高,呈块状显示,水平居中属性text-align: center垂直居中line-height: px这里的line-height值和你给p标签的高度值是同一个值。