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

[复制链接]
ARCHY明星会员实名认证 发表于 2012-9-22 18:43:19 [DIVCSS] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

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

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


二、CSS 中浮动的使用
属性名称 属性值 说明
float none正常显示
left 左浮动
right 右浮动
clearnone 允许两边浮动
clearnone 允许两边浮动
left不允许左边浮动
right 不允许右边浮动
both 不允许两边浮动


三、CSS 中定位的使用
属性名称 属性值 说明
position relative设置区块基准点为左上角
absolute 设置网页的为基准点左上角
static 无设置
left auto 以基准点定位在左边
像素/百分比 定位在左边
topauto 以基准点定位在上边
像素/百分比 定位在上边
right auto定位在右边
像素/百分比 定位在右边
bottom auto定位在下边
像素/百分比 定位在下边
z-indexauto自动调整高度
数字 数字越大越往上层


四、CSS 中溢出的使用
属性名称 属性值说明
overflow visible 不剪切内容也不添加滚动条
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颜色/十六进制 滚动条的拖动区域


上一章 CSS 边框border与边界padding和margin

学了还是要去练习,尽量每个功能都自己去尝试下,看看效果!




上一篇:站帮网大讲堂第九期 Discuz积分策略和用户组策略
下一篇:地方论坛的常用盈利模式和操作步骤

大神点评20

aiwuoo 发表于 2012-9-22 18:57:18 [DIVCSS] 显示全部楼层
收藏l了,,
 楼主| ARCHY明星会员实名认证 发表于 2012-9-22 19:18:54 [DIVCSS] 显示全部楼层
aiwuoo 发表于 2012-9-22 18:57
收藏l了,,

谢谢支持
 发表于 2012-9-22 20:58:53
DIY+CSS我应该好好学习学习 谢谢您的分享
idc 发表于 2012-10-21 13:16:33 [DIVCSS] 显示全部楼层
很全面,直得分享给别人。
jingjinxin 发表于 2012-12-15 10:38:09 [DIVCSS] 显示全部楼层
好贴,学习了!感谢楼主分享。
xzqifan 发表于 2013-2-25 22:09:39 [DIVCSS] 显示全部楼层
滚动条的以前倒是没怎么接触!
光影 发表于 2013-5-3 18:58:40 [DIVCSS] 显示全部楼层
倒是没怎么
邦妮儿 发表于 2015-9-19 17:12:16 [DIVCSS] 显示全部楼层
给力有用,可以 学习
豪你个头 发表于 2015-9-22 16:23:16 [DIVCSS] 显示全部楼层
谢谢分享
a118141401 发表于 2015-12-3 12:43:54 [DIVCSS] 显示全部楼层

强烈支持,站帮网有你更精彩@#QDS
www.exdaiyan.cn
长城长长的 发表于 2015-12-12 00:34:09 [DIVCSS] 显示全部楼层
我顶上去
长城长长的 发表于 2015-12-12 00:34:25 [DIVCSS] 显示全部楼层
效用或者需求模式,采用定量的使用或者随用随付的方式
长城长长的 发表于 2015-12-12 00:34:38 [DIVCSS] 显示全部楼层
效用或者需求模式,采用定量的使用或者随用随付的方式
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表