css的尺寸:
width 设置元素的宽度。
px 像素 绝对单位
em 相对单位 相对的父元素的字体大小 1em=16px(默认父级字体16px 父级32px 1em=32px)
rem 相对单位 相对于html根元素的字体大小 默认 1rem=16px 自适应页面
% 相对单位 相对于父级盒子的大小
auto 自动计算
height 设置元素的高度。
自适应页面、媒体查询、
max-width 设置元素的最大宽度。限制
min-width 设置元素的最小宽度。
max-height 设置元素的最大高度。
min-height 设置元素的最小高度。
内容垂直居中:
1. line-height 设置行高。撑开文本上下距离
2. vertical-align:middle;
display: table-cell;
overflow 设置当元素的内容溢出其区域时发生的事情。
overflow-x:
visible 不裁剪内容,可能会显示在内容框之外。
hidden 裁剪超出的内容 - 不提供滚动机制。
scroll 裁剪内容 - 提供滚动机制。
auto 如果溢出框,则应该提供滚动机制。
h5已经删除 no-display 如果内容不适合内容框,则删除整个框。
h5已经删除 no-content 如果内容不适合内容框,则隐藏整个内容。
overflow-y:
visible 不裁剪内容,可能会显示在内容框之外。
hidden 裁剪内容 - 不提供滚动机制。
scroll 裁剪内容 - 提供滚动机制。
auto 如果溢出框,则应该提供滚动机制。
h5已经删除 no-display 如果内容不适合内容框,则删除整个框。
h5已经删除 no-content 如果内容不适合内容框,则隐藏整个内容。
overflow:
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
鼠标/光标指针:cursor
url 需使用的自定义光标的 URL。
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。