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

小秋同学 10-23 20:58:47 学习园地

默认

摘要： 今天的内容包含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 中浮动的使用

属性名称	属性值	说明
float	none	正常显示
	left	左浮动
	right	右浮动
clear	none	允许两边浮动
clear	none	允许两边浮动
	left	不允许左边浮动
	right	不允许右边浮动
	both	不允许两边浮动

三、CSS 中定位的使用

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

四、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	颜色/十六进制	滚动条的拖动区域

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

标签： css样式 css风格 CSS相关 CSS教程 CSS3 css 模板风格

文章版权及转载声明：

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

施舍