css格式

css文档

/* Keyword values */
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;
text-transform: full-width;

/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: unset;

值
capitalize
这个关键字强制每个单词的首字母转换为大写。其他的字符保留不变（它们写在元素里的文本保留原始大小写）。字母是Unicode字符集或者数字里定义的字符 Experimental；因此单词开头的任何标点符号或者特殊符号将会被忽略。

uppercase
这个关键字强制所有字符被转换为大写。
lowercase
这个关键字强制所有字符被转换为小写。
none
这个关键字阻止所有字符的大小写被转换。
full-width Experimental
这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里，并允许它们按照一般的东亚文字（比如中文或日文）对齐。

overflow-x: visible
overflow-x: hidden
overflow-x: scroll
overflow-x: auto

overflow-x: inherit

visible
内容不会被截断，且可以显示在内容盒之外。
hidden
内容会被截断，且不会显示滚动条。
scroll
桌面浏览器总是显示滚动条，无论内容是否发生溢出。这可以避免滚动条的显示与消失所导致的元素尺寸不确定的问题。而打印机可能会打印溢出的内容。
auto
取决于浏览器本身。当内容发生溢出时，桌面浏览器如Firefox会显示滚动条。

scroll-behavior: auto;
scroll-behavior: smooth;

auto
滚动框立即滚动。
smooth
滚动框通过一个用户代理预定义的时长、使用预定义的时间函数，来实现平稳的滚动，用户代理应遵循其平台的约定，如果有的话。

效果

鼠标的状态
效果

columns: 2 auto;
columns: auto 12em;
columns: auto auto;

取值
<‘column-width’>
理想的列宽，定义为 或 auto 关键字。实际宽度可以更宽或更窄以适合可用空间。See column-width (en-US)。
<‘column-count’>
元素内容应分成的理想列数，定义为 或 auto 关键字。如果此值和列的宽度都不是 auto ，则它仅指示允许的最大列数。请参阅 column-count 。`

column-gap
属性用来设置元素列之间的间隔（gutter）大小。
normal
表示列之间的间隔宽度。在 多列布局 时默认间隔为 1em，其他类型布局默认间隔为 0。

用 来定义列之间的间隔大小。而且 值必须是非负数的。 用 （百分比）来定义列之间的间隔大小。同样的， 值也必须是非负数的。