​​tip: css clss 命名用 -来区分单词​​

vertical-align

不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐。
vertical-align: baseline middle top

word-break:自动换行

normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

white-space

white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容
normal : 　默认处理方式
nowrap : 　强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。
可以处理中文

text-overflow 文字溢出

text-overflow : clip | ellipsis
设置或检索是否使用一个省略标记（…）标示对象内文本的溢出
clip : 　不显示省略标记（…），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（…）
注意一定要首先强制一行内显示，再次和overflow属性 搭配使用
#CSS精灵技术（sprite） 小妖精 雪碧
在父容器加上这个

​​文字溢出​​

overflow: hidden;
           white-space: normal;
             text-overflow: ellipsis;

图标库

当UI设计人员给我们svg文件的时候，我们需要转换成我们页面能使用的字体文件， 而且需要生成的是兼容性的适合各个浏览器的。

推荐网站： http://icomoon.io

icomoon字库

IcoMoon成立于2011年，推出的第一个自定义图标字体生成器，它允许用户选择他们所需要的图标，使它们成一字型。 内容种类繁多，非常全面，唯一的遗憾是国外服务器，打开网速较慢。

推荐网站： http://www.iconfont.cn/

阿里icon font字库

​​http://www.iconfont.cn/​​

这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。可以使用AI制作图标上传生成。 一个字，免费，免费！！

fontello

​​http://fontello.com/​​

在线定制你自己的icon font字体图标字库，也可以直接从GitHub下载整个图标集，该项目也是开源的。

Font-Awesome

​​http://fortawesome.github.io/Font-Awesome/​​

这是我最喜欢的字库之一了，更新比较快。目前已经有369个图标了。

Glyphicon Halflings

​​http://glyphicons.com/​​

这个字体图标可以在Bootstrap下免费使用。自带了200多个图标。

Icons8

​​https://icons8.com/​​

提供PNG免费下载，像素大能到500PX

水平垂直对齐： https://www.runoob.com/css/css-align.html

登录居中对齐

display: flex;
            align-content:center;
            line-height: 20px;
            justify-content: space-around;

参考的地址

​​https://www.runoob.com/cssref/css3-pr-justify-content.html​​​ https://ww
w.runoob.com/cssref/css3-pr-align-content.html

鼠标自定义样式

<img
    width="600px"
    title="125555"
        src='https://devin-le.oss-cn-hangzhou.aliyuncs.com/2.jpg'
        alt="sssss"
    ></img>


    <style>
        img{
            cursor:url("./4.ico"),auto;
        }
       
    </style>