过昨天分享的一些简单的属性，接下来小编将继续为大家分享一些相当常用的属性；

首先是控制字体：

主要有包括指定字体、字体大小、字体加粗、字体样式、大小写以及综合的font属性；

1、指定字体，语法规范：font-family：value1，value2， 实例font-family："微软雅黑"，"Arial"；这个属性可以有很多个值并列存在，制定页面中的文字字体，建议：一般网页中，中文使用 微软雅黑较多，英文使用 Arial

2、字体大小，语法规范及实例：font-size:12px； 建议：在实际开发的网页中，默认文本一般采用12px

3、字体加粗，相当于 <b></b>，语法规范：font-weight:normal / bold / value；其中value取值：400至900 之间，400 相当于 normal、900 相当于 bold

4、字体样式，相当于<i></i>，语法规范：font-style：normal / italic；表示字体是否为斜体

5、小型大写字母，语法规范：font-variant ： normal / small-caps;

6、字体综合属性font， font 为简写属性 ， 包含6个值：font : font-style font-variant font-weight font-size/line-height font-family；实例 font：bold 12px "microsoft yahei";

其次是控制文本格式

主要有包括文本颜色、文字水平排列方式、文本线条修饰、行高、首行文本缩进以及文本阴影；

1、文本颜色，语法规范：color:value;实例color:red 表示网页中的文字颜色为红色

2、文字水平排列方式，语法规范：text-align : left/right/center 实例text-align:center 表示文字居中显示

3、文本线条修饰，语法规范：text-decoration:none / underline ；取值 ： overline(上划线) , line-through(删除线)

4、行高即每行文本所占的高度是多少。一旦设定好后，该行文本将在该行内垂直居中显示。这个属性有一个非常好用的地方，就是设置这个文字在垂直方面居中，要想文字垂直居中，那么就是设置这个文字的行高等于它所在容器的高度；

提问：如果在一个div中，有一行文本，要让文本在div容器中垂直居中显示 ？

解决：div中文本的 行高 要设置与 div的高度一致，这个比直接设置padding或者margin来的容易多了，不涉及具体核算padding或者margin值

不过也有一个缺陷，就是这个方法仅仅局限于一行数据，所以常用于一行的标题类

5、首行文本缩进，text-indent ： value ;value 表示的是缩进的距离；实例text-index:24px 即表示首行缩进2个字符

6、文本阴影，text-shadow ：h-shadow v-shadow blur color；

第三、溢出相关处理

主要有包括处理空白、文本溢出；

1、处理空白，文本过长，在容器内显示不下的时候，是否要换行

属性 ：white-space：normal / nowrap ，norma即采用浏览器默认设置 nowrap即不换行

2、文本溢出，溢出后的处理方式,若是想隐藏溢出的内容，可以考虑使用该属性。注意：该属性必须与 overflow：hidden 联用，属性：text-overflow，取值：clip 即裁减，拦腰截断 或者 ellipsis即通过 ... 来表示未显示的内容

第四、换行（这个方法主要用于英文单词，对中文没有效果）

主要有包括长单词换行、文本换行；

1、长单词换行，属性为word-wrap :normal 即采用浏览器默认形式不破坏单词结构（也是默认值），break-word即破坏单词的结构

2、文本换行，属性为word-break，取值：normal，break-all即破坏单词结构进行换行，keep-all在半角状态下的空格下进行换行

第五、表格

主要分为2大块表格常用样式属性、表格特有样式属性；

1、表格常用样式属性有：内边距 ： padding，尺寸：width 、height，文本、字体格式化属性，背景属性：颜色、图片

边框:border，文本垂直对齐：vertical-align : top / bottom / middle等一些基本属性

2、表格特有样式属性

2.1边框合并，属性:border-collapse，取值可以有：separate即分离边框(默认)、collapse即合并边框

2.2边框边距，即table中的cellspacing属性，使用这个属性的前提是border-collapse 必须为 separate，属性：border-spacing，它所有的取值：一个值：表示垂直和水平间距相等、两个值：第一个值表示 水平间距，第二个值 垂直间距，两个值 分开

2.3表格标题位置，属性为：caption-side，取值：top , bottom

2.4显示规则，就是帮助浏览器如何显示或布局一张表，属性：table-layout，取值有：auto：列宽度由单元格内容决定，默认值，自动表格布局，fixed：列宽度由表格和列的宽度的来决定，固定表格布局

自动表格布局的特点如下：

a).单元格大小会适应内容大小

b).表格复杂是会比较慢

c).不确定列大小时

固定表格布局的特点如下：

a).表格、列的宽度取决于设置好的宽度

b).速度较快

c).浮动定位

第六，定位：即元素在网页中出现的位置

定位分类：普通流定位、浮动定位、相对定位、绝对定位、固定定位，浮动属性、清除浮动、以及浮动引发的问题：

1、普通流定位(文档流)，即网页中默认的定位方式

1.1块级元素 ：从上到下

1.2行内元素 ：从左到右

2、浮动定位，就是将元素排除在普通流之外,元素在网页上是不占用空间的。浮动元素会放在包含框的左边或右边，但依然在包含框内浮动元素在浮动时，可以向左或向右移动直到碰到包含框或其他浮动元素位置，浮动定位的特点有：

2.1浮动元素外边缘不会超过父元素的边框

2.2浮动元素默认不会重叠

2.3浮动只能左右浮动，不能上下浮动

2.4所有元素设置为浮动元素的话，默认将转换为块级元素

3、浮动属性，属性：float，取值有：none 即无浮动(默认)、left即左浮动、right即右浮动

注意：在一个容器内，如果有浮动元素的话，那么尽可能的让该容器中所有的元素都浮动起来。如果有想在下一行内显示的内容（不浮动的）单独使用容器来承装。

4、清除浮动，属性：clear，取值：left/right/both

作用：清除浮动所带来的影响，定义了元素的哪个边上不允许出现浮动元素

5、浮动引发的问题

包含框内的元素被应用了float之后，包含框的高度会发生变化（变为0）

解决方案有 overflow：hidden；

！！！最后小编还是建议大家，多多代码，如果学的还不多的，也可以多多的模仿的代码

ord，我很熟悉。

可是每次在中文后加入英文，本希望中文和英文相亲相爱，却总会遇到各种莫名其妙的问题。

苦死宝宝了~

今天，就让我们一起来盘点一下：在Word里中英文混排的那些坑吧。

坑1：中文汉字不满一行，英文却独自跑到下一行去了。

就像下图。

如果你使用两端对齐，会发现各个汉字之间的距离太太太大了；

如果你使用左对齐，就会在中文汉字右侧看到大片大片的空白，假如这句“中文+英文”句子前后还有其他句子，那就太太太丑啦。

怎么办？

解决

WPS文字：段落——换行和分页——允许西文在单词中间换行
Word：段落——中文版式——允许西文在单词中间换行

这样就好看了吧。

坑2：中英文混排全角半角混乱了

最常见的是英文空格由半角变成了全角，看起来极丑。

解决：

WPS文字：选中英文——拼音指南——更改大小写——半角。

Word：选中英文——Aa——半角。

坑3：想给中英文分别设置不同的字体，一段段设置好麻烦。

在Word中录入中英文时，默认二者字体相同。看起来中规中矩，并不好看。

解决：

在右键菜单中打开“字体”设置窗口，分别设置合适的中文和西文字体，这就可以让我们看到如下的排版，是不是比上面单一字体要好看一些？

坑4：同样的字号，英文看起来比中文小一些。

英文字母总是看起来偏小一点，直接修改字号，中文和英文会一起被修改了。想要保留中文的字体格式，单独修改英文，就得按照下面的方法。

解决：

① 选中所有的文字，打开替换窗口，输入“特殊格式”——“任意字母”。

② 打开字体格式窗口，设置西文字体和字号。

③ 全部替换即可。

至于应该设置多大的字号，就请动手试一试，或看看这份中英文字号对照表吧。

坑5：中英文混排，我只想修改中文字体。

① Word中可以打开替换窗口，查找“[!^1-^127]”（不包含引号），选中“使用通配符”选项，在“替换为”设置相应的字体格式。

② WPS文字中可以先修改所有的字体，然后再单独修改西文字体。

坑6：中英文对照翻译，只占了半页纸。

尤其是要打印时，这样相当浪费。一行行删除英文后面的换行符好麻烦。选择分栏，看起来也不好看。

解决：

① 将所有的文字转成表格，分隔位置选择“段落标记”（当然也可能是别的符号，具体问题具体分析哦）。

② 调整表格列框，取消所有的边框，就会看到下图的效果啦。

注意：

数字也属于西文字体哦。

好了，你在使用Word中英文混排时，还遇到了哪些坑呢？留言一起聊聊吧。

本文由解晴新生原创，欢迎关注，带你一起长知识！