CSS用户见面样式(自学笔记)

cursor (鼠标样式)

cursor:pointer;<!-- 让鼠标样式变成小手 -->
cursor:text;<!-- 让鼠标样式变成文本 -->
cursor:move;<!-- 让鼠标样式变成移动 -->
cursor:default;<!-- 让鼠标样式变成默认 -->

取消轮廓线的做法

outline :"none";<!-- 取消轮廓线的做法 -->

防止拖拽 resize

resize:"none"

vertical-align 垂直对齐

vertical-align只针对行内元素，包括行内块，不对块级元素生效。
通常用来控制图片表单与文字的对齐

vertical-align："baseline";<!--默认 基线对齐 -->
vertical-align："top";<!-- 顶部对齐 -->
vertical-align："middle";<!-- 居中对齐 -->
ertical-align："buttom";<!-- 底部对齐 -->

关于vertical-align的理解

溢出文字

white-space 设置或检索对象文本显示方式,通常适用于内容强制一行显示。
属性值：

> nowrap : 强制在同一行内显示，知道文字结束，或<br />
> normal :默认显示方式（自动换行）

text-overflow 文字溢出

设置或检索是否使用一个省略标记（…）表示对象内文本溢出
属性值：

clip:不显示省略标记（...）而是简单地裁切
ellipsis:文本溢出显示省略（...）标记