第五章 CSS 区块、浮动、定位、溢出、滚动条

小秋同学 10-23 20:58:47 学习园地
摘要: 今天的内容包含CSS 中区块的使用、CSS 中浮动的使用、CSS 中定位的使用、CSS 中溢出的使用和CSS 中滚动条的使用。其中区块、浮动、定位和溢出基本都是做布局经常使用到的,下面就一一介绍给大家。一、CSS 中区块的使用属性名称属性值说明wid摘要: 今天的内容包含CSS 中区块的使用、CSS 中浮动的使用、CSS 中定位的使用、CSS 中溢出的使用和CSS 中滚动条的使用。其中区块、浮动、定位和溢出基本都是做布局经常使用到的,下面就一一介绍给大家。一、CSS 中区块的使用属性名称属性值说明wid

今天的内容包含CSS 中区块的使用、CSS 中浮动的使用、CSS 中定位的使用、CSS 中溢出的使用和CSS 中滚动条的使用。其中区块、浮动、定位和溢出基本都是做布局经常使用到的,下面就一一介绍给大家。
第五章 CSS 区块、浮动、定位、溢出、滚动条(图1)一、CSS 中区块的使用

属性名称属性值说明
width像素/百分比区块的宽度
height像素/百分比区块的高度
min-height像素/百分比区块最小高度
max-height像素/百分比区块最大高度
min-width像素/百分比区块最小宽度
max-width像素/百分比区块最大宽度



二、CSS 中浮动的使用

属性名称属性值说明
floatnone正常显示

left左浮动

right右浮动
clearnone允许两边浮动
clearnone允许两边浮动

left不允许左边浮动

right不允许右边浮动

both不允许两边浮动



三、CSS 中定位的使用

属性名称属性值说明
positionrelative设置区块基准点为左上角

absolute设置网页的为基准点左上角

static无设置
leftauto以基准点定位在左边

像素/百分比定位在左边
topauto以基准点定位在上边

像素/百分比定位在上边
rightauto定位在右边

像素/百分比定位在右边
bottomauto定位在下边

像素/百分比定位在下边
z-indexauto自动调整高度

数字数字越大越往上层



四、CSS 中溢出的使用

属性名称属性值说明
overflowvisible不剪切内容也不添加滚动条

auto在必需时对象内容才会被裁切或显示滚动条

hidden不显示超过对象尺寸的内容

scroll总是显示滚动条
overflow-x(同上)
overflow-y(同上)



五、CSS 中滚动条的使用

属性名称属性值说明
scrollbar-3dlight-color颜色/十六进制滚动条亮边框
scrollbar-highlight-color颜色/十六进制滚动条3D 界面亮边
scrollbar-face-color颜色/十六进制滚动条3D 表面
scrollbar-arrow-color颜色/十六进制滚动条方向箭头
scrollbar-shadow-color颜色/十六进制滚动条3D 暗边
scrollbar-darkshadow-color颜色/十六进制滚动条暗边框
scrollbar-base-color颜色/十六进制滚动条基准颜色
scrollbar-track-color颜色/十六进制滚动条的拖动区域


原贴: http://www.zb7.com//thread-6681-1-1.html

文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/798.html发布于 10-23 20:58:47
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享
加入收藏

发表评论
加载中~