CSS

各浏览器对字体类型有不同的支持规格。 字体格式类型主要有几个大分类：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。

TrueType

Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

EOT – Embedded Open Type (.eot)

EOT是嵌入式字体，是微软开发的技术。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染，存储在临时安装文件夹下。

OpenType (.otf)

OpenType是微软和Adobe共同开发的字体，微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。

WOFF – Web Open Font Format (.woff)

WOFF（Web开发字体格式）是一种专门为了Web而设计的字体格式标准，实际上是对于TrueType/OpenType等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输。

SVG (Scalable Vector Graphics) Fonts (.svg)

SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体。

 

1.按钮

display: inline-block;

min-width: 100px;

height: 32px;

line-height: 32px;

margin-right: 10px;

padding: 0 10px;

border:1px solid rgb(229,229,229);

background: rgb(246,246,246);

border-radius: 3px;

$(".name").css("cssText","padding:0px 0px !important")

$(".name").css("nowrap","true")//

$(this).prop("title",text);

element.style.cssText = 'height: 100px !important';

document.getElementsByClassName("layui-col-xs3")[0].style.cssText

定位跳到视图document.getElementById(thisnodeid).scrollIntoView();

class="table" lay-skin="line"

css标签.table[lay-skin=line]

表列宽自动适应 width="100%"

cellpadding="10" cellspacing="10"左右上下间距

white-space:nowrap;换行

nowrap="nowrap" 不换行

overflow:hidden;隐藏显示不下得字

text-overflow:ellipsis;自适应显示不下用...省略（与overflow:hidden;配合使用）

word-wrap:break-word; word-break:break-all;

span宽度生效

如果设置display:block，width属性生效，但是此时的span跟div一样了。

如果设置display:inline-block，则span并列在同行，而且width属性生效。

文字分散两端对齐

text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;

border-collapse:collapse;

table-layout:fixed;word-break:break-all;

 鼠标显示事件title里边换行 使用“
”和“
”