网页中文字的效果可以使用style直接添加效果，也可以使用class添加css效果，下面是文字效果的一些相关知识：
1>.关于文字的基本效果，文段对齐方式、文字大小、文字样式：
1.文段对齐方式：
使用text-align属性设置文段的位置。text-align属性：文本对齐方式，设给块级元素。因为行级元素有个特点，内容有多宽，它就有多宽。也就是内容自适应。比如说坐在椅子上把椅子撑满了，就无法再说它居中居左居右了。而且text-align属性是设置给父元素，让父元素里面的文字居中。而不是直接设置给文字。这个属性还可以设置给图片，设置到图片外面的盒子上，让里面的图片居中。
语法：text-align : left | right | center | justify
text-align参数值与说明：left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐(不推荐使用，通常大部分浏览器不使用)
p{
text-align: left; /* 位置居左 */
text-align: center; /* 位置居中 */
text-align: right; /* 位置居右 */
}
注意：middle无法在此处使用。
2.文字大小：
字体大小用像素表示，如：12像素、14像素、16像素，网页中会有一个默认的像素，合适的字体大小需要自己设置。代码如下： font-size: 8px; 既可以直接在文字标签中直接设置，或者style，也可以在css中设置。
3.文字样式：
（1）我将文字颜色包含在文字样式中，文字颜色使用代码font-color：10px；关键字color用来表示颜色，#表示颜色；
（2)以下是物理字体：
`< B>< /B>：将字符设置成粗体
< I>< /I>：将字符设置成斜体
< U>< /U>：给字符增加下划线
< S>< /S>：给字符增加删除线
< TT>< /TT>：将字符设置成打字机字体
< SUP>< /SUP>：将字符设置成上标字体
< SUB>< /SUB>：将字符设置成下标字体
`
逻辑字体：
`< EM>< /EM>：强调文字
< STRONG>< /STRONG>：字体加重
< CODE>< /CODE>：显示编程代码
< SAMP>< /SAMP>：显示示例文字
< KBD>< /KBD>：显示键盘按键文字
< SMALL>< /SMALL>：缩小文字
< BIG>< /BIG>：放大文字`
(3)
字体样式使用，一种是电脑本地上的字体，一种是非本地的字体。
电脑本地上的字体，使用代码如下：
font-family: arial;
引用自定义字体，需要准备字体，可以在字由中下载免费字体，小白也有部分免费字体的安装包，如需可私聊，下好字体的ttf文件后，如要进行转换需要进行转换www.fontsquirrel.com/tools/webfo… 该网站可以将字体转为多种浏览器所适应的格式，勾选以下选项：
在项目的css目录下新建fonts文件夹，将字体ttf文件拖曳至fonts文件夹，并在该目录下新建font.css文件，css文件中添加以下代码：
@font-face {
font-family:'方正兰亭超细黑_GBK';
src: url('fonts/方正兰亭超细黑_GBK.ttf'); /* 江西拙楷 字体*/
}
然后在需要用到该文字的html中引用该css文件，运行查看效果。
4.文字位置：
（1）position属性规定元素的定位类型。当设置的值为absolute、relative、fixed时，使用top、right、bottom、left属性来进行定位。
p{
position: fixed; /* 相对于浏览器窗口定位 */
left: 100px; /* 距离浏览器左边100px */
top: 200px; /* 距离浏览器上边200px */
}
（2）margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
padding属性设置元素所有内边距的宽度，或者分别设置各边上内边距的宽度。
行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
p{
margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
}
（3）将图片和文字放在一起，可以使文字固定在图片上。 相对于浏览器定位：
/* position: fixed; /* 相对于浏览器窗口定位 */
/* left: 600px; /* 距离浏览器左边100px */
/* top: 140px; /* 距离浏览器上边200px */`
相对于图片定位：
position: absolute;
top: 10%;
left: 50%;`
（4）设置竖排文字，注意不要将其他文字效果代码放在此代码后面，否则代码会失去css效果：
writing-mode:tb-rl/*设置竖排文字*/
