本文共 1036 字，大约阅读时间需要 3 分钟。

目录

背景css的使用

1. background-size: cover ; 铺满整一个盒子
2. background-size: contain: 遇到第一条边就不会缩放，碰到底部或者一边就停下来。

font标签的使用

• font-style: 设置字体风格

1. normal  正常
2. italic  斜体 

• font-weight :设置字体粗细

1. bold  加粗
2. normal 默认
3. 100~900    大概400位正常，之后为 加粗

• font-size:  字体大小

1. px:固定像素值
2. %：基于父级字体大小的百分比
3. em:   1em= 当前元素的字体大小

• font-family  字体类型

1. 字体关键字  'Microsoft yahei'、'微软雅黑'
2. 字体类型有很多，但是一般用户的系统安装了对应的字体类型我们的类型才能生效，所以通常会在样式初始化时，在body里选择一组备用类型，当用户没有安装对应的字体类型时替换

• line-height   字体行高

1. 设置一行字体所占据的高度
2. 注意：行内元素无法设置行高

• font 复合样式
• font:bold italic 16px/1.5 'Microsoft yahei';
• font:字体粗细  字体风格  字体大小/字体行高  字体类型；

文本样式

1. text-decoration   {none, underline, overline,line-through}
2. text-indent  设置首行文本缩进
3. text-overflow {clip(超出裁剪)  、ellipse（超出出现省略号）【配合使用 ：overflow:hidden; text-overflow:ellipsis;white-space:nowrap;】}
4. 这里补充说明，在浏览器中，用空格区分单词，因此，中文一个字算是一个单词
5. letter-spacing 字间距   {设置字体与字体之间的间距  px、em}
6. 词间距 word-spacing   设置单词与单词间距
7. white-spacing:文本换行方式。{nowrap,normal,pre,pre-line[合并空格，缩进，换行，但是文本不会自动换行],pre-wrap 【保留空格，缩进，换行，并且文本自动换行】 }
8. word-break {break-all(允许在单词内换行)，normal，keep-all (不允许在单词内换行)}

这是我第一次在CSDN上写博客，学习时间比较赶，所以内容比较短，抱歉了，一行会慢慢改进。

转载地址：http://nbyzi.baihongyu.com/