1、打开编辑器，新建test.html，用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。
3、在页面的body标签里，新建一个div，名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。
5、在浏览器中打开test.html，可以在文字在页面中间显示。
html的字体样式主要通过css的font-size以及font-family来定义的，标签详解如下：
font-size
指定字体大小，常用单位有em和px
font-family
指定使用的字体
常用的中文字体有微软雅黑和宋体，英文字体有Arial
可以同时指定多个字体，使用英文的逗号分隔，浏览器会按顺序查找，找不到就找下一个，全部没找到就使用系统默认的
字体用中文表示 则需要用双引号或者单引号分隔，英文字体一般不需要用引号，但是如果 有特殊字符的（如空格，反斜杠，#，$等）也需要使用引号
font-weight
字体粗细（bold相等于设置该属性的值为700，normal相等于设置该属性值为400–>不用单位，建议使用数字因为解析会更快）
fon-style
normal（一般用于让斜体不倾斜，em标签有加重强调的语义 但是字体会倾斜，可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果）
字体样式可以连写
即 所有的字体样式 使用一个语句，但是有一定的语法规则和顺序
选择器 { font : font-style font-weight font-size/line-height font-family}
字体样式连写时需要注意：一定要按顺序写，可以有省略不写的样式但是一定要按顺序，而且font-size和font-family是不可以省略的，否则会不起作用
文本外观样式
color：字体颜色
预定义的颜色如green，red等
十六进制，顺序是红绿蓝，十六进制是最常用的颜色表示方式
#ff0000 表示红色，等同于#f00（缩写，必须是两两相同的才可以进行缩写）；#00f表示蓝色；#0f0表示绿色；#fff表示白色（所有的颜色都满格），#000000即#000表示黑色（所有的颜色都没有）
RGB代码：rgb(255,255,255)表示白色
文本修饰：text-decoration：none、underlined（比较常用，用于添加下划线和取消下划线）
line-hight：行间距，一般情况下，行间距只需要比字体大小大7或8个像素就可以了
text-align：文本内容的水平对齐方式
text-indent：段落首行缩进，单位使用em，1em就是一个字，所以该样式值为2em 表示 段落首行缩进两个字符
可以给标签家个id或class就可以调整文本框的宽和高。
如：
<style type="text/css">
.text1{width:100pxheight:20px}
</style>
<input type="text" class="text1" />
扩展资料：
在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
默认值：left if direction is ltr, and right if direction is rtl
继承：yes
版本：CSS1
JavaScript 语法：object.style.textAlign="right"
参考资料来源：百度百科-text-align
