css 布局

编辑器加载中...akkz css

css 布局

设置层的漂移

akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;

akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;

akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;

akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;
akkz float:right;

akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;

akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;
akkz float:left;

akkz float:left;
akkz clear:both;
akkz float:left;
akkz clear:both;
akkz float:left;
akkz clear:both;

设置层的可视区域

akkz clip:rect(18px auto auto auto); color:#0F0; clip:rect(auto auto 18px auto); akkz clip:rect(18px auto auto auto); color:#0F0; clip:rect(auto auto 18px auto);

内容超过层大小时

akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;
akkz overflow:auto;

akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;
akkz overflow:hidden;

akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;
akkz overflow:scroll;

akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible
akkz overflow:visible

鼠标指针的不同表示

akkz cursor:auto
akkz cursor:auto
akkz cursor:auto
akkz cursor:auto
akkz cursor:auto

akkz cursor:progress;
akkz cursor:progress;
akkz cursor:progress;
akkz cursor:progress;
akkz cursor:progress;

akkz cursor:all-scroll
akkz cursor:all-scroll
akkz cursor:all-scroll
akkz cursor:all-scroll
akkz cursor:all-scroll

akkz cursor:crosshair
akkz cursor:crosshair
akkz cursor:crosshair
akkz cursor:crosshair
akkz cursor:crosshair
akkz cursor:crosshair

akkz cursor:default
akkz cursor:default
akkz cursor:default
akkz cursor:default
akkz cursor:default

akkz cursor:hand
akkz cursor:hand
akkz cursor:hand
akkz cursor:hand
akkz cursor:hand

akkz cursor:move
akkz cursor:move
akkz cursor:move
akkz cursor:move
akkz cursor:move

akkz cursor:help
akkz cursor:help
akkz cursor:help
akkz cursor:help
akkz cursor:help

akkz cursor:text
akkz cursor:text
akkz cursor:text
akkz cursor:text
akkz cursor:text

以下来自w3cschool

请把鼠标移动到单词上，这样会看到鼠标指针的变化：

Auto
Crosshair
Default
Pointer
Hand
Move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

设置可见性

akkzblockakkz

akkznoneakkz

akkzinlineakkz

akkzinline-blockakkz

akkzlist-itemakkz

akkzvisibility:inheritakkz

akkzvisibility:visibleakkz

akkzvisibilityhiddenakkz

这些是看书后练习的，不大好看……目的就是熟悉代码，并且把代码显示出来，方便查找啦：）