Web前端3

1.字体样式

 2.文本缩进

 注释：em是指相对于当前对象内文本的字体尺寸

3.文本对齐方式

 4.文本修饰

 注释：text-decoration: line-through——删除线

            text-decoration: underline——下划线

            text-decoration: overline——上划线

5.text-transform

 注释： text-transform: uppercase——将内容中字母小写转化为大写

             text-transform: lowercase——将内容中字母大写转化为小写

6.行高

7. 文本溢出

 注释：auto

取决于用户代理。如果内容适应边距（padding）盒，它看起来与 visible 相同，但是仍然建立了一个新的块级格式化上下文。如果内容溢出，则浏览器提供滚动条。

hidden

如果需要，内容将被裁减以适应边距（padding）盒。不提供滚动条，也不支持允许用户滚动（例如通过拖拽或者使用滚轮）。内容可以以编程的方式滚动（例如，通过设置 scrollLeft 等属性的值或 scrollTo() 方法）, 因此该元素仍然是一个滚动的容器。

scroll

如果需要，内容将被裁减以适应边距（padding）盒。无论是否实际裁剪了任何内容，浏览器总是显示滚动条，以防止滚动条在内容改变时出现或者消失。打印机可能会打印溢出的内容。

8.背景相关

 9.列表样式

10.元素显示模式转换

11.轮廓线

 

12.边框

 

13.合并相邻的边框

14.颜色

 

 15.元素隐藏方式

16.鼠标的样式以及防拖拽

17.绝对定位

 18.固定定位

19.粘性定位

案例：小米布局

 css：

 运行：