动态网页设计.doc

动态网页设计HTML语法大全a卷标 , 属性名称 , 简介 批注 跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 字体效果 标题字(最大) 标题字(最小) 粗体字 粗体字(强调) 斜体字 斜体字(强调) 斜体字(表示定义) 底线 底线(表示插入文字) 横线 删除线 删除线(表示删除) 键盘文字 打字体 固定宽度字体(在文件中空白、换行、定位功能有效) 固定宽度字体(不执行标记符号) 固定宽度小字体 字体颜色 最小字体 无限增大 区断标记 水平线 水平线(设定大小) 水平线(设定宽度) 水平线(设定颜色) (换行) 水域(不换行) 水域(段落) 置中 连结格式 (预设好连结路径) 外部连结 外部连结(另开新窗口) 外部连结(全窗口连结) 外部连结(在指定页框连结) 贴图/音乐 贴图 设定图片宽度 设定图片高度 设定图片提示文字 设定图片边框 背景音乐设定 表格语法 表格位置,置左 表格位置,置中 背景图片的URL=就是路径网址 设定表格边框大小(使用数字) 设定表格的背景颜色 设定表格边框的颜色 设定表格暗边框的颜色 设定表格亮边框的颜色 指定内容与网格线之间的间距(使用数字) 指定网格线与网格线之间的距离(使用数字) 指定表格的栏数 设定表格外框线的显示方式 指定表格的宽度大小(使用数字) 指定表格的高度大小(使用数字) 指定储存格合并栏的栏数(使用数字) 指定储存格合并列的列数(使用数字) 分割窗口 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 分割左右两个框架 分割左中右三个框架 分割上下两个框架 分割上中下三个框架 批注 指定超级链接的分割窗口 指定锚名称的超级链接 指定超级链接 被连结点的名称 . 用来显示电子邮箱地址 粗体字 指定超级链接的分割窗口 更改预设字形大小 加入背景音乐 显示大字体 闪烁的文字 设定文字颜色 显示本文 换行 设定表格标题位置 为表格加上标题 向中对齐 用于引经据典的文字 用于列出一段程序代码 加上批注 设定定义列表的项目解说 显示”定义”文字 列表文字卷标 设定定义列表的卷标 设定定义列表的项目 强调之用 任意指定所用的字形 设定字体大小 设定户动式窗体的处理方式 设定户动式窗体之资料传送方式 设定窗口的上下边界 设定窗口的左右边界 为分割窗口命名 锁住分割窗口的大小 设定分割窗口的滚动条 将HTML文件加入窗口 将窗口分割成左右的子窗口 将窗口分割成上下的子窗口 划分分割窗口 设定文字大小 标示文件信息 加上分网格线 文件的开始与结束 斜体字 调整图形影像的位置 为你的图形影像加注 加入影片 插入图片并预设图形大小 插入图片并预设图形的左右边界 预载图片功能 设定图片边界 插入图片 插入图片并预设图形的上下边界 在窗体中加入输入字段 定义查询用窗体 表示使用者输入文字 列表的项目 ( 可指定符号 ) 跑马灯效果 条列文字卷标 自动更新文件内容 可同时选择多项的列表栏 定义不出现分割窗口的文字 有序号的列表 定义窗体中列表栏的项目 设定对齐方向 分段 显示人名 使用原有排列 用于引用字 在窗体中定义列表栏 显示小字体 文字加横线 用于加强语气 下标字 上标字 调整表格的宽线高度 调整数据域位之边界 调整表格线的宽度 调整表格的高度 调整表格的宽度 产生表格的卷标 调整表格字段之左右对齐 设定表格字段之背景颜色 表格字段的合并 设定表格字段不换行 调整表格字段之上下对齐 调整表格字段宽度 定义表格的数据域位 窗体中加入多少列的文字输入栏 决定文字输入栏是自动否换行 定义表格的标头字段 文件标题 定义表格美一行 打字机字体 文字加底线 无序号的列表 ( 可指定符号 ) 用于显示变量常用的css属性大全电脑技巧css一些属性解释一、html标签.文字格式化.列块容器字体大小变化 想输入的字字体颜色 想输入的字字体变粗 想输入的字字体变斜 想输入的字字体加下划线 想输入的字对正中央语法 内容对正左边语法 内容对正右边语法 内容 字体删除线 想输入的字字体设置 字体名称想输入的字打字机字体 想输入的字上标字 想输入的字下标字 想输入的字水平线 换行输入 想输入的字想输入的字超链接 链接地的名称要显示的字打这里网络邮寄标签贴图 跑马灯(循环) 想输入的字外部文件导入格式标签CSS外部导入格式：直接引用：javascript - 加载外部.js独立文件：二、CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration:overline; /*加顶线*/text-decoration:underline; /*加下划线*/text-decoration:none; /*删除链接下划线*/text-transform : capitalize; /*首字大写*/text-transform : uppercase; /*英文大写*/text-transform : lowercase; /*英文小写*/text-align:right; /*文字右对齐*/text-align:left; /*文字左对齐*/text-align:center; /*文字居中对齐*/text-align:justify; /*文字分散对齐*/vertical-align属性vertical-align:top; /*垂直向上对齐*/vertical-align:bottom; /*垂直向下对齐*/vertical-align:middle; /*垂直居中对齐*/vertical-align:text-top; /*文字垂直向上对齐*/vertical-align:text-bottom; /*文字垂直向下对齐*/三、CSS符号属性：list-style-type:none; /*不编号*/list-style-type:decimal; /*阿拉伯数字*/list-style-type:lower-roman; /*小写罗马数字*/list-style-type:upper-roman; /*大写罗马数字*/list-style-type:lower-alpha; /*小写英文字母*/list-style-type:upper-alpha; /*大写英文字母*/list-style-type:disc; /*实心圆形符号*/list-style-type:circle; /*空心圆形符号*/list-style-type:square; /*实心方形符号*/list-style-image:url(/dot.gif); /*图片式符号*/list-style-position:outside; /*凸排*/list-style-position:inside; /*缩进*/四、CSS背景样式：background-color:#F5E2EC; /*背景颜色*/background:transparent; /*透视背景*/background-image : url(/image/bg.gif); /*背景图片*/background-attachment : fixed; /*浮水印固定背景*/background-repeat : repeat; /*重复排列-网页默认*/background-repeat : no-repeat; /*不重复排列*/background-repeat : repeat-x; /*在x轴重复排列*/background-repeat : repeat-y; /*在y轴重复排列*/指定背景位置background-position : 90% 90%; /*背景图片x与y轴的位置*/background-position : top; /*向上对齐*/background-position : buttom; /*向下对齐*/background-position : left; /*向左对齐*/background-position : right; /*向右对齐*/background-position : center; /*居中对齐*/五、CSS连接属性：a /*所有超链接*/a:link /*超链接文字格式*/a:visited /*浏览过的链接文字格式*/a:active /*按下链接的格式*/a:hover /*鼠标转到链接*/鼠标光标样式：链接手指 CURSOR: hand十字体 cursor:crosshair箭头朝下 cursor:s-resize十字箭头 cursor:move箭头朝右 cursor:move加一问号 cursor:help箭头朝左 cursor:w-resize箭头朝上 cursor:n-resize箭头朝右上 cursor:ne-resize箭头朝左上 cursor:nw-resize文字I型 cursor:text箭头斜右下 cursor:se-resize箭头斜左下 cursor:sw-resize漏斗 cursor:wait光标图案(IE6) p cursor:url(光标文件名.cur),text;六、CSS框线一览表：border-top : 1px solid #6699cc; /*上框线*/border-bottom : 1px solid #6699cc; /*下框线*/border-left : 1px solid #6699cc; /*左框线*/border-right : 1px solid #6699cc; /*右框线*/以上是建议书写方式,但也可以使用常规的方式 如下:border-top-color : #369 /*设置上框线top颜色*/border-top-width :1px /*设置上框线top宽度*/border-top-style : solid/*设置上框线top样式*/其他框线样式solid /*实线框*/dotted /*虚线框*/double /*双线框*/groove /*立体内凸框*/ridge /*立体浮雕框*/inset /*凹框*/outset /*凸框*/七、CSS表单运用：文字方块 按钮 复选框 选择钮 多行文字方块 下拉式菜单 选项1选项2八、CSS边界样式：margin-top:10px; /*上边界*/margin-right:10px; /*右边界值*/margin-bottom:10px; /*下边界值*/margin-left:10px; /*左边界值*/九、CSS边框空白padding-top:10px; /*上边框留空白*/padding-right:10px; /*右边框留空白*/padding-bottom:10px; /*下边框留空白*/padding-left:10px; /*左边框留空白*/基本语法规则选择符任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如， P text-indent: 3em 当中的选择符是P。类选择符单一个选择符能有不同的CLASS(类)，因而允许同一元素有不同样式。例如，一个网页制作者也许希望视其语言而定，用不同的颜色显示代码 :code.html color: #191970 code.css color: #4b0082 以上的例子建立了两个类，css和html，供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类，例如，P例如，code.html.proprietary是无效的。类的声明也可以无须相关的元素:.note font-size: small 在这个例子，名为note的类可以被用于任何元素。一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small，但如果网页制作者决定改变这个类的样式，使得它不再是小字体的话，那么这个名字就变得毫无意义了。ID 选择符ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用，因为他具有一定的局限。一个ID选择符的指定要有指示符#在名字前面。例如，ID选择符可以指定如下:#svp94O text-indent: 3em 这点可以参考HTML中的ID属性:文本缩进3em关联选择符关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性，而且因为层叠顺序的规则，它们的优先权比单一的选择符大。例如， 以下的上下文选择符P EM background: yellow 是P EM。这个值表示段落中的强调文本会是黄色背景；而标题的强调文本则不受影响。声明属性一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。值声明的值是一个属性接受的指定。例如，属性颜色能接受值red。组合为了减少样式表的重复声明，组合的选择符声明是允许的。例如，文档中所有的标题可以通过组合给出相同的声明:H1, H2, H3, H4, H5, H6 color: red; class=MsoNormal继承 实际上，所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值，除非另外更改。例如，一个BODY定义了的颜色值也会应用到段落的文本中。有些情况是内部选择符不继承周围的选择符的值，但理论上这些都是特殊的。例如，上边界属性是不会继承的；直觉上，一个段落不会有同文档BODY一样的上边界值。注解样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS1注解的例子如以下格式:/* COMMENTS CANNOT BE NESTED */伪类和伪元素伪类和伪元素是特殊的类和元素，能自动地被支持CSS的浏览器所识别。伪类区别开不同种类的元素(例如，visited links(已访问的连接)和active links(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分，例如段落的第一个字母。伪类或伪元素规则的形式如选择符:伪类 属性: 值 或选择符:伪元素 属性: 值 伪类和伪元素不应用HTML的CLASS属性来指定。一般的类可以与伪类和伪元素一起使用，如下:选择符.类: 伪类 属性: 值 或选择符.类: 伪元素 属性: 值 定位锚伪类伪类可以指定A元素以不同的方式显示连接(links)、已访问连接(visited links)和可激活连接(active links)。定位锚元素可给出伪类link、visited或active。一个已访问连接可以定义为不同颜色的显示，甚至不同字体大小和风格。一个有趣的效果是使当前(或“可激活”)连接以不同颜色、更大的字体显示。然后，当网页的已访问连接被重选时，又以不同颜色、更小字体显示。这个样式表的示例如下:A:link color: red A:active color: blue; font-size: 125% A:visited color: green; font-size: 85% 首行伪元素通常在报纸上的文章，例如Wall Street Journal中的，文本的首行都会以粗印体而且全部大写地展示。CSS1包括了这个功能，将其作为一个伪元素。首行伪元素可以用于任何块级元素(例如P、H1等等)。以下是一个首行伪元素的例子:P:first-line font-variant: small-caps;font-weight: bold 首个字母伪元素首个字母伪元素用于加大(drop caps)和其他效果。含有已指定值选择符的文本的首个字母会按照指定的值展示。一个首个字母伪元素可以用于任何块级元素。例如:P:first-letter font-size: 300%; float: left 会比普通字体加大三倍。层叠顺序当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。! important规则可以用指定的! important 特指为重要的。一个特指为重要的样式会凌驾于与之对立的其它相同权重的样式。同样地，当网页制作者和读者都指定了重要规则时，网页制作者的规则会超越读者的。以下是! important 声明的例子:BODY background: url(bar.gif) white;background-repeat: repeat-x ! important Origin of Rules (Authors vs. Readers)正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。网页制作者应该小心地使用! important 规则，因为它们会超越用户任何的! important 规则。例如，一个用户由于视觉关系，会要求大字体或指定的颜色，而且这样的用户会有可能声明确定的样式规则为! important，因为这些样式对于用户阅读网页是极为重要的。任何的! important 规则会超越一般的规则，所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。选择符规则: 计算特性基于它们的特性级别，样式表也可以超越与之冲突的样式表，一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。统计选择符中的ID属性个数。统计选择符中的CLASS属性个数。统计选择符中的HTML标记名格式。最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数。( 注意，你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:#id1 xxx /* a=1 b=0 c=0 - 特性 = 100 */UL UL LI.red xxx /* a=0 b=1 c=3 - 特性 = 013 */LI.red xxx /* a=0 b=1 c=1 - 特性 = 011 */LI xxx /* a=0 b=0 c=1 - 特性 = 001 */特性的顺序为了方便使用，当两个规则具同样权重时，取后面有很多方法将样式表加入到HTML中，每个都带有自己的优点和缺点。新的HTML元素和属性已被加入以允许样式表与HTML文档更简易地组合起来。连接到一个外部的样式表嵌入一个样式表输入一个样式表内联样式CLASS属性ID属性SPAN元素DIV元素关于认证的备注-连接到一个外部的样式表一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:标记是放置在文档的HEAD部分。可选的TYPE属性用于指定媒体类型-text/css是一个层叠样式表-允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。外部样式表不能含有任何像或这样的HTML的标记。样式表仅仅由样式规则或声明组成。一个单独由P margin: 2em 组成的文件就可以用作外部样式表了。标记也有一个可选的MEDIA属性，用于指定样式表被接受的介质或媒体。允许的值有screen (缺省值)，提交到计算机屏幕；多样的媒体通过用逗号隔开的列表或值all指定。Netscape Navigator 4.x 错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如，MEDIA=screen,projection会令到样式表被Navigator 4.x忽略，尽管展示的设备是计算机的屏幕。Navigator 4.x 也忽略使用MEDIA=all声明的样式表。REL属性用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式而REL=Alternate StyleSheet定义一个交互样式。固定样式在样式表激活时总被应用。缺少的TITLE属性，就像例子中的第一个标记，定义一个固定样式。一个首选样式会自动被应用，就像例子中的第二个标记。REL=StyleSheet和一个TITLE属性的组合指定一个首选的样式。网页制作者不能指定多于一个的首选样式。交互样式通过REL=Alternate StyleSheet指出。例子中的第三个标记定义一个交互样式，用户可以选择用来代替首选样式表。注意现在的浏览器一般都缺乏选择交互样式的能力。单一的样式也可以通过多个样式表给出在这个例子中，三个样式表组合成一个Contemporary样式，作为一个首选样式表被应用。要组合多个样式表成一个单一样式，必须在每个样式表中使用相同TITLE。当样式被应用到很多的网页时，一个外部样式表是理想的。网页制作者使用外部样式表可以改变整个网站的外观而仅仅通过改变一个文件。同样的，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时的延迟。Microsoft Internet Explorer 3 for Windows 95/NT4并不支持来自连接的样式表中的BODY 背景图象或颜色。如果考虑到这个错误，网页制作者不妨提供另外的包括一个背景图象或颜色的结构，例如嵌入或内联样式，或使用BODY元素的BACKGROUND属性。-嵌入一个样式表一个样式表可以使用STYLE元素在文档中嵌入:STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型，LINK元素也一样。同样地，TITLE和MEDIA属性也可以用STYLE指定。旧版本的浏览器，并不能识别STYLE元素，会将其当作BODY的一部分照常展示其内容，从而使这些样式表对用户是可见的。要防止这样做，STYLE元素的内容要包含一个SGML注解()在里面，像上述例子那样。嵌入的样式表可用于当一个文档具有独一无二的样式的时候。如果多个文档都使用同一样式表，那么外部样式表会更适用。-输入一个样式表一个样式表可以使用CSS的import 声明被输入。这个声明用于一个CSS文件或内部的STYLE元素:注意其它的CSS规则应该仍然包括在STYLE元素中，但所有的import 声明必须放在样式表的开始部分。任意在样式表中指定了的规则，其自身超越在输入样式表中对立的规则。例如上例，即使一个输入的样式表包含DT background: aqua ，定义项(definition terms)依然会是黄色的背景。被输入的样式表的顺序对于它们怎样层叠是很重要的。在上述的例子中，如果style.css输入的样式表指定了STRONG元素会显示为红色而punk.css样式表指定了STRONG元素显示为黄色的话，那么后面的规则会获胜，而STRONG元素会显示为黄色。输入的样式表对于模块性效果很有用处。例如，一个网站可以通过使用了的选择符分类样式表。一个simple.css样式表给出公共的元素像BODY、P、H1和H2。此外，一个extra.css样式表给出较少共通的元素像CODE、BLOCKQUOTE和DFN。一个tables.css样式表可以用于定义变革元素的规则。这三个样式表在需要的时候可以使用import 声明包括在HTML中。三个样式表也可以通过LINK元素组合。-内联样式样式可以使用STYLE属性内联。STYLE属性可以应用于任意BODY元素(包括BODY本身)，除了BASEFONT、PARAM和SCRIPT。这个属性将任何数量的CSS声明当作自己的值，而每个声明用分号隔开。以下是一个例子: 这段的样式是红色的New Century Schoolbook字，如果字体可用的话。注意在STYLE中New Century Schoolbook包含在单引号中，因为双引号被用作包含样式声明。内联的样式比其他方法更加灵活。要使用内联样式，必须使用Content-Style-Type HTTP页眉扩展对整个文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/css作为Content-Style-Type HTTP页眉，或在HEAD部分包括以下标记:因为和需要展示的内容混合在一起，内联样式会失去一些样式表的优点。同样地，内联样式默认地接受所有媒体，因为没有任何的为内联样式指定明确的媒体的语句。这种方法应该尽量少用，如当一个样式会应用在所有媒体到一个元素的个别情况。如果样式会被应用到单一元素的场合，但只能使用确认的媒体的话，使用ID属性代替STYLE属性。-CLASS属性CLASS属性用于指定元素属于何种样式的类。例如，样式表可以加入punk和warning类:.punk color: lime; background: #ff80c0 P.warning font-weight: bolder; color: red; background: white 这些类可以使用CLASS属性在HTML中引用:H1P在这个例子中，punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表，warning类只能用于P元素。一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red，但如果网页制作者决定改变这个类的样式为别的颜色，或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话，那么这个名字就变得毫无意义了。类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如，本页使用类给CSS源代码和HTML源代码使用不同的样式。-ID属性ID属性用于定义一个元素的独特的样式。一个CSS规则如#wdg97 font-size: larger 可以通过ID属性应用到HTML中:欢迎访问Web Design Group及TV water 168!整个文档当中的每个ID属性的值都必须是唯一的。其值必须是一个以字母开头紧接字母、识字或连字符。字母限于A-Z和a-z。注意HTML 4.0允许在ID属性中有句号，但CSS1不允许在ID选择符中有句号。也要注意CSS1允许Unicode字符161-255而且忽略Unicode字符为一个数字代码，但HTML 4.0不允许这些字符在一个ID属性值当中。当一个样式只需要在任何文档中应用一次时，使用ID是很适合的。 ID与STYLE属性相比，在于ID允许指定媒体的样式，而且也可以被应用于多个文档(虽然每个文档只用一次)。-SPAN元素SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用，而且它也能接受STYLE、CLASS和ID属性。SPAN是一个内联元素，所以它可以作为HTML中的元素如EM和STRONG使用。最重要的差别在于虽然EM和STRONG带有结构的意义，但SPAN就没有这样的意义。它的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用。一些SPAN例子如下:SPAN的例子SPAN first few words前面是段落中少数的文字，会是小型大写字母。样式也可以内联，如改变文字的样式为Arial.-DIV元素DIV元素在功能上与SPAN元素相似，最主要的差别在于DIV (division，部分的简称)是一个块级元素。DIV可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类，如章节、摘要或备注。例如:DIVDivisions/部分DIV元素在HTML 3.2中有定义，但HTML 3.2中只有ALIGN属性能兼容。HTML 4.0在属性中加入CLASS、STYLE、和ID属性。因为DIV可以包含其他块级集成，在用于建立文档的大型章节例如本备注是很有用的。要求关闭标记。-关于认证的备注少数使用了CSS样式的文档能在HTML3.2 (Wilbur)层(在WDG网站，译者注)得到认证。HTML3.2不会解释SPAN元素，也不解释CLASS、STYLE或ID属性，而且在LINK和STYLE元素中也很少支持TYPE和MEDIA属性。这些有关的样式元素和属性对不支持的浏览器不会有害，因为它们能安全地忽略。文档使用这些元素和属性可以被认证防御于HTML 4.0。流氓报流氓人生活的故事！流氓人的家园 !流氓人自己的报刊！http:/www.t128qq.bokee.com/显示语法: display: 允许值: block | inline | list-item | none初始值: block适用于: 所有对象向下兼容: 否显示属性允许使用四个值中的一个来定义一个元素:block (在元素的前和后都会有换行)inline (在元素的前和后都不会有换行)list-item (与block相同, 但增加了目录项标记)none (没有显示)每个元素都典型地由浏览器基于HTML规格建议的展示形式给出一个缺省的显示值。显示属性可能并不安全，因为它使用另外的不合适的格式显示元素。使用值none将关闭指定元素及其子元素的显示！-空白语法: white-space: 允许值: normal | pre | nowrap初始值: normal适用于: 块级元素向下兼容: 是空白属性将决定如何处理元素内的空格. 该属性的值取以下三个中的一个:normal (将多个空格折叠成一个)pre (不折叠空格)nowrap (不允许换行，除非遇到标记)-目录样式类型语法: list-style-type: 允许值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none