• CSS中区块的使用
  • CSS中浮动的使用
  • CSS中定位的使用
  • CSS中溢出的使用
  • CSS中滚动条的使用

17.1 CSS中区块的使用

属性名称            属性值                说明

width              像素/百分比            区块的宽度

auto

height              像素/百分比            区块的高度

auto

min-height            像素/百分比             区块最小高度

auto

max-height            像素/百分比             区块最大高度

auto

min-width             像素/百分比             区块最小宽度

auto

max-width          像素/百分比             区块最大宽度

auto

17.2 CSS中浮动的使用

属性名称            属性值                说明

float                none                正常显示

left                 左浮动

right                右浮动

clear                none                允许两边浮动

left                不允许左边浮动

right                不允许右边浮动

both                不允许两边浮动

17.3 CSS中定位的使用

属性名称            属性值                说明

position            relative        设置区块基准点为左上角

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

static                无设置

             left                auto                 以基准点定位在左边

像素/百分比            定位在左边

top                 auto                以基准点定位在上边

像素/百分比           定位在上边

right               auto                以基准点定位在右边

像素/百分比           定位在右边

bottom              auto                以基准点定位在下边

像素/百分比           定位在下边

z-index             auto                  自动调整高度

数字                数字越大越往上层

17.4 CSS中溢出的使用

属性名称            属性值                说明

overflow            visible              不剪切内容也不添加滚动条

auto                 在必需时对象内容才会被

裁切或显示滚动条

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

scroll                总是显示滚动条

overflow-x            (同上)

overflow-y            (同上)

17.5 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区块、浮动、定位、溢出、滚动条的更多相关文章

  1. css清除浮动定位造成的异常

    清除浮动是为了解决高度塌陷的问题:内层有好几个div有宽有高,并且选择了浮动定位,但是外层的div却并没有设置宽高.在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动( ...

  2. （三）css之浮动&定位

    众所周知,一个页面可能包含多个div,如何对这些div进行排列,以便具有较好的显示效果呢? css提供了浮动和定位两个属性进行div的排列,下面主要针对浮动和定位进行详细地阐述. (一)何为浮动? 浮 ...

  3. （转）CSS+DIV float 定位

    来自:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能 ...

  4. 17 ， CSS 区块、浮动、定位、溢出、滚动条

    1.CSS 中区块的使用 2.CSS 中浮动的使用 3.CSS 中定位的使用 4.CSS 中溢出的使用 5.CSS 中滚动条的使用 17.1 CSS 中区块的使用 属性名称 属性值 说明 width ...

  5. css区块定位之浮动与清除属性

    float属性将所属标记的显示空间指定为一个浮动元素,并使其周围对象按一定的方式环绕它排列. float属性的作用就象图像和表格的align属性一样,但可以用到任何元素上. clear属性的作用是禁止 ...

  6. 【CSS】思考和再学习——关于CSS中浮动和定位对元素宽度/外边距/其他元素所占空间的影响

      一.width:auto和width:100%的区别   1.width:100%的作用是占满它的参考元素的宽度.(一般情况下参考元素 == 父级元素,这里写成参考元素而不是父级元素,在下面我会再 ...

  7. CSS中浮动和定位对元素宽度/外边距/其他元素所占空间的影响

    ---恢复内容开始--- 一.width:auto和width:100%的区别   1.width:100%的作用是占满它的参考元素的宽度.(一般情况下参考元素 == 父级元素,这里写成参考元素而不是 ...

  8. CSS入门(定位之浮动定位、伪类之鼠标悬停、光标修改和透明度修改和列表样式)

    一.定位 所为定位,实际上就是定义元素框相对于其正常位置,应该出现在哪儿 定位就是改变元素在页面上的默认位置 分类: 普通流定位(元素默认的定位方式) 浮动定位 相对定位 绝对定位 固定定位 1.普通 ...

  9. CSS彻底研究(3) - 浮动,定位

    Github pages 博文 CSS彻底研究(3)-浮动,定位 一 . 浮动float I . 定义及规则 float默认为none,对应标准流的情况.当float : left;时,元素就会向其父 ...

随机推荐

  1. eclipse实现JavaWeb应用增量打包

    很多情况下,项目是不允许全量发布的,所以你得把有做修改的文件一个个挑出来,如果有成千上百的文件,你是不是要头大了? 以下方法应该可以让你得到解救!前提是你是用装有svn plugin的eclipse上 ...

  2. 理解extern char s[100]与extern char *s

    在x.c中定义了一个字符数组 char s[100],在l.c中进行引用extern char s[200], 有些c程序新手经常把它写成extern char *s. 这两种写法的含义一样吗? 首先 ...

  3. 捉虫记2：windows程序句柄泄露的上下文环境

    作为程序员,开发程序是基本功,而调试程序也是必不可少的技能之一.软件在主体功能开发完成后会经历各个阶段的测试,才会被发布.在测试过程中,出现较多的可能就是内存泄漏,句柄泄漏,异常崩溃等属于非功能型的软 ...

  4. allegro中数据库检查

    1. -------------------- ----

  5. 【HDOJ】3948 The Number of Palindromes

    后缀数组求不重复回文子串数目.注意dp数组. /* 3948 */ #include <iostream> #include <sstream> #include <st ...

  6. Oracle数据字典详解

    学习笔记:oracle数据字典详解 --- 本文为TTT学习笔记,首先介绍数据字典及查看方法,然后分类总结各类数据字典的表和视图.然后列出一些附例.   数据字典系统表,保存在system表空间中. ...

  7. 嵌入式linux市场份额

    来自华清远见2014年度的调查统计数据显示,在嵌入式产品研发的软件开发平台的选择上,嵌入式Linux以55%的市场份额遥遥领先于其他嵌入式开发软件发平台,比去年增长了13个百分比,这已经是连续4年比例 ...

  8. 深入了解JavaScript中的关键字

    this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,下面分四种情况,详细讨论this的用法,感兴趣的朋友可以了解下. this是Javascri ...

  9. 决策树学习（ID3）

    参考:<机器学习实战> 优点:计算复杂度不高, 输出结果易于理解,对中间值的缺失不敏感,可以处理不相关特 征数据. 缺点:可能会产生过度匹配问题. 适用数据类型:数值型和标称型. 创建分支 ...

  10. good bye 2015 B - New Year and Old Property

    题意:统计在n,m之间的数的二进制表示形式只有一个零的数目. 位运算模拟+dfs #include<iostream> #include<string> #include< ...