图解 CSS (7): 大小、定位、剪切、滚动条


width

height

max-width

max-height

min-width

min-height



position - top、right 、bottom 、left

z-index



clip

overflow(overflow-x、overflow-y)



scrollbar-base-color

scrollbar-face-color

scrollbar-track-color

scrollbar-arrow-color

scrollbar-shadow-color

scrollbar-darkshadow-color

scrollbar-highlight-color

scrollbar-3dlight-color


 
   

width、height:

图解 CSS (7): 大小、定位、剪切、滚动条

max-width、max-height、min-width、min-height, 这需要指定 DocType 为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
时才有效(为什么? 暂时不知道; 包含 DocType 时, 用我这个小工具得手动刷新.).

图解 CSS (7): 大小、定位、剪切、滚动条

position:
static(默认自动)、 absolute(绝对定位)、 relative(相对定位) 、 fixed(绝对定位且不随滚动条滚动; 要使 fixed 的定位方式有效, 还得像上面一样指定 DocType).
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条

z-index:

图解 CSS (7): 大小、定位、剪切、滚动条

clip: rect(上 右 下 左); 值为 auto 是不剪切; 指定 position: absolute 时才有效.

图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条

overflow: visible、auto、hidden、scroll.

图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条

自定义滚动条颜色:
scrollbar-base-color、scrollbar-face-color、
scrollbar-track-color、scrollbar-arrow-color、
scrollbar-shadow-color、scrollbar-darkshadow-color、
scrollbar-highlight-color、scrollbar-3dlight-color

图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条
图解 CSS (7): 大小、定位、剪切、滚动条

你可能感兴趣的:(css)