首页 > 代码库 > div table 属性
div table 属性
div:1、基本属性: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专用)
table:
<table aling=left>...</table>表格位置,置左
<table
aling=center>...</table>表格位置,置中
<table
background=图片路径>...</table>背景图片的URL=就是路径网址
<table
border=边框大小>...</table>设定表格边框大小(使用数字)
<table
bgcolor=颜色码>...</table>设定表格的背景颜色
<table
borderclor=颜色码>...</table>设定表格边框的颜色
<table
borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table
borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table
cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<table
cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<table
cols=参数>...</table>指定表格的栏数
<table
frame=参数>...</table>设定表格外框线的显示方式
<table
width=宽度>...</table>指定表格的宽度大小(使用数字)
<table
height=高度>...</table>指定表格的高度大小(使用数字)
<td
colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td
rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割视窗
<frameset
cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset
rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset
cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 注解
<A HREF
TARGET> 指定超连结的分割视窗
<A HREF=http://www.mamicode.com/#锚的名称> 指定锚名称的超连结
<A HREF>
指定超连结
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS>
用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超连结的分割视窗
<BASEFONT
SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY>
显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用於引经据典的文字
<CODE>...</CODE>
用於列出一段程式码
<COMMENT>...</COMMENT> 加上注解
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字标签
<DL>...</DL> 设定定义列表的标签
<DT> 设定定义列表的项目
<EM>
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG
SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE>
插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在表单中加入输入栏位
<ISINDEX>
定义查询用表单
<KBD>...</KBD> 表示使用者输入文字
<LI
TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字标签
<meta NAME="REFRESH" CONTENT
URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRame>
定义不出现分割视窗的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义表单中列表栏的项目
<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>...</PERSON>
显示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<select >...</select > 在表单中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用於加强语气
<SUB> 下标字
<SUP> 上标字
<TABLE BORDER=n> 调整表格的宽线高度
<TABLE
CELLPADDING> 调整资料栏位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE
HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE>...</TABLE> 产生表格的标签
<TD ALIGN> 调整表格栏位之左右对齐
<TD BGCOLOR> 设定表格栏位之背景颜色
<TD COLSPAN ROWSPAN> 表格栏位的合并
<TD NOWRAP> 设定表格栏位不换行
<TD VALIGN> 调整表格栏位之上下对齐
<TD
WIDTH> 调整表格栏位宽度
<TD>...</TD> 定义表格的资料栏位
<TEXTAREA NAME
ROWS COLS> 表单中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>...</TH> 定义表格的标头栏位
<TITLE> 文件标题
<TR>...</TR> 定义表格美一行
<TT> 打字机字体
<U> 文字加底线
<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<var>...</var> 用於显示变数
BlockQuotc文本缩进