html P标签用法及参数含义

用法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标签居中就完成了。

---