DIV 和 iframe的边边

66 阅读 0 评论 44 点赞

我是靠谱客的博主雪白招牌，最近开发中收集的这篇文章主要介绍DIV 和 iframe的边边，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

----------

border属性
<iframe border="3"></iframe>
设定围绕图文框的边缘宽度

frameboder属性
<iframe frameboder="0"></iframe>
设置边框是不否为3维（0=否，1=是）

height,width属性
<iframe height="31" width="88"></iframe>
设质边框的宽度和高度

scrolling属性
<iframe scrolling="no"></iframe>
是否有滚动条（yes,no,auto)

src属性
<iframe src="girl.gif"></iframe>
指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)

注意事项：

一个浮动框架不需要通过<frameset>元素声明为框架设置的一部分;

WebTV和Netscape 4.x(4.0 到 4.75)不支持浮动框架。

在HTML4.01严格规范中，<iframe>元素没有被定义。浮动框架可以使用<div>元素和CSS定位方法来模仿实现。

-----------------------

div属性

主要设置如下：

　　overflow（溢出控制）：visible（默认，可见）、auto（自动）、scroll（显示滚动条）；

　　width（宽度）：数值；

　　height（高度）：数值；

　　color（字体颜色）：色彩代码；

　　font-size（字体大小）：数值；

　　line-height（行高）：数值；

　　border（边框）：宽度、类型和颜色，类型主要支持以下几种：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；

　　font-weight（字体粗细）：normal、bold、bolder、lighter；

　　font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆；

　　background（背景颜色）：色彩代码；

　　 scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color（滚动条各部分的颜色）：色彩代码；

　　filter:chroma(COLOR=转换成透明的颜色)（chroma过滤器）：色彩代码，该颜色将转换成透明效果；

　　word-break（断字）：normal（默认，正常断字）、keep-all（严格不断字）、break-all（严格断字）；

　　direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）。

-------

HTML中的Div分区属性

基本属性：width, height, left, top, background-color（当设置为transparent时表示透明）
2、定位属性：position: absolute/relative
absolute时，位置固定；relative时，位置会随着内容的实际情况进行浮动
3、显示属性：display: block/none
block为默认状态，表示显示；none为隐藏
4、优先属性：z-index:n
n表示一个整数（正负均可），有多个Div时n越大，则越靠前显示；
z-index可以理解为z轴的坐标（x,y轴控制左右、上下方位，z轴控制层叠div的前后方位）
只有用绝对定位（position:absolute）时，属性z-index才起作用；
未设置绝对定位（position:absolute）的div，其z-index永远为0；
未设定优先属性（z-index）的div，按照声明的顺序层叠，后声明的盖住先声明的，如果有两个Div属于父子关系，则子div覆盖父div；
5、透明属性：opacity:0.3;（firefox专用）；filter:alpha(opacity=30)（IE专用）
两者一起用的时候就将两种主流浏览器都兼容了；上面例子是将Div的透明度设置为30％，可以看出两者的设置稍有不同；Div的文本与背景色均能被透明化！