html P标签用法及参数含义

html P标签用法及参数含义,第1张

用法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标签的高度值是同一个值。

可以用“text-align”属性控制du文字的位置,“center”属性值让文字居中显示。

1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:

2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:

3、想让文本靠右显示,可以为“text-align”属性设置“right”属性值,这时文本将会靠右显示:

1、首先新建一个html文件,命名为test.html,在test.html文件内,在div内,使用p标签创建一行文字,用于测试。

2、然后在test.html文件内,设置div标签的class属性为mydiv。

3、接着在css标签内,通过class设置div标签的样式,定义它宽度为200px,高度为100px,背景颜色为灰色。

4、在css标签内,再使用text-align属性设置div里面内容的居中方式,例如,这时设置为center居中方式。

5、最后在浏览器打开test.html文件,查看实现的效果,在css中让div中的P标签居中就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5951487.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-09
下一篇 2023-03-09

发表评论

登录后才能评论

评论列表(0条)

保存