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=#锚的名称> 指定锚名称的超连结
<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文本缩进

div table 属性

时间: 2024-10-12 08:45:19

div table 属性的相关文章

函数传参,改变Div任意属性的值&amp;&amp;图片列表:鼠标移入/移出改变图片透明度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

div 属性 DIV标签属性有什么如何设置属性

div 属性 DIV标签属性有什么如何设置属性(音乐放松椅) div 属性介绍,对DIV可加属性有哪些,DIV属性一览表DIVCSS5整理 DIVCSS5给大家整理DIV标签内常用属性,同时通过div各属性小实例,让大家认识各属性并掌握属性. div标签内常用属性列表 1.style 设置css样式(扩展了解style标签) 2.align 设置div盒子内的内容居中.居左.居右 3.id 引人外部对应#(井号)选择符号样式 4.class 引人外部对应.(句号)选择符号样式 5.title 设

作列表排列时div的table属性应用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table</title> <style> .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:before,

CSS display:table属性用法- 轻松实现了三栏等高布局

display:table:此元素会作为块级表格来显示(类似 <table>); display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签.目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用,但是现在是移动端的天下了,ie 说拜拜吧~ 与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, posi

css+div常用属性备忘录

上大学学习软件设计有一年多了,明年五月就要毕业了.回头看看发现自己其实挺差劲的,不能因为在一群不学习的人中就觉得自己多厉害.其实自己也是个废物呢:) 最近开通了博客所以就整理了一下笔记,在这里发布一下自己以前学习css时总是记不住去翻书又很常用的属性,都是一些很基础的,大神轻喷.很适合初学者多看看. 只做了一点微小的工作 :) 2333 float 方块-浮动 text-decoration 字体效果 letter-spacing 字母间隔 line-height 行高 text-align 区

控制div的属性

<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>HTML5</title> <link rel="stylesheet" href="styles.css" /> <style type="text/css"> #oute

DIV的属性

一.常用属性 1.Height:设置DIV的高度:Width:设置DIV的宽度. 2.margin:用于设置DIV的外延边距,也就是到父容器的距离.margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离:margin: [top][right][bottom][left] 可以分别设置:margin-left:到父容器左边框的距离:margin-right:到父容器右边框的距离:margin-top: 到父容器上边框的距离:margin-bottom:到父容器下边框的距离. 3.p

内层div/table的margin-top影响外层div

.inner-table { tbody{ tr:nth-child(odd) { background-color: #ffffff; } tr:nth-child(even) { background-color: #f9f9f9; } } margin: 20 auto; width:90%; } div.mini-table{ background-color:#ebf5fd; /*overflow:hidden; 可以避免外边距合并但影响箭头显示*/ position:relative

动态创建 div table

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery.min.js&q