谁能帮我解释一下Dreamweaver中的CSS的display属性的none、block、inline等都用在啥场合?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谁能帮我解释一下Dreamweaver中的CSS的display属性的none、block、inline等都用在啥场合?相关的知识,希望对你有一定的参考价值。

display:inline 主要用在横排列表的时候,因为默认的<li>每个会占一行,转化为内敛元素,就会横排了display:none 主要用在做tab选项卡的时候,将不显示的部分隐藏,配合JS代码使用display:bock 将内联元素转化为块级元素。内联元素在宽度足够的情况下是横向一个个显示,块及元素是每个占一行显示。 参考技术A display:inline:比如在做导航条的时候要用到,将其转换为行内元素,那么它就不会每个li都显示为一行了display:none 隐藏
display:block 转换成块元素显示

如何把网页中的背景图片设置成居中切不会平铺,谁能帮我改一下?

代码如下,哪位大哥能够帮忙改一下,感谢万分~

<TABLE background="tuanhui2.png";background-repeat: no-

repeat;background-position: center center; border=0>
<TBODY>
<TR>
<TD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>倒计时</title>
<meta http-equiv="Content-Type" content="text/html;

charset=gb2312">
</head>

<p align=center style='text-align:center'><span id="_lefttime"

style="color:blue;font-size:170pt;"></span></p>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()

var endtime=new Date("January 1, 2011 00:00:00");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime

())/1350);
if(leftsecond<0)leftsecond=0;
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%24);
__s=parseInt(leftsecond%60);
__all = "元旦倒计时 "+__h+"小时 "+__m+"分 "+" "+__s+"秒

";

document.getElementById("_lefttime").innerHTML=__all;

_fresh()
setInterval(_fresh,1350);
</SCRIPT>

</TD></TR></TBODY></TABLE>

你这里的代码第一行,你要的样式的写法应换成<TABLE style="background-image:url(tuanhui2.png);background-repeat: no-repeat;background-position: center center; " border=0>

其次就是,没有把
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>倒计时</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
这些页面代码嵌套在表格里的写法。
整理了下,你的代码应该是如下(根据你现有的):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>倒计时</title>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()

var endtime=new Date("January 1, 2011 00:00:00");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1350);
if(leftsecond<0)leftsecond=0;
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%24);
__s=parseInt(leftsecond%60);
__all = "元旦倒计时 "+__h+"小时 "+__m+"分 "+" "+__s+"秒 ";
document.getElementById("_lefttime").innerHTML=__all;

_fresh()
setInterval(_fresh,1350);
</SCRIPT>
</head>
<body>
<TABLE style="background-image:url(tuanhui2.png);background-repeat: no-repeat;background-position: center center; " border=0>
<!--如果你的这个背景图是整个页面的,那建议把style=""样式所有内容,剪切到<body>里。-->
<TBODY>
<TR>
<TD>
<p align=center style='text-align:center'><span id="_lefttime" style="color:blue;font-size:170pt;">你的测试内容</span></p>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
参考技术A 用CSS。。。。<head></head>之间,或者在CSS文件中插入

<style type="text/css">
body
background:url(图片路径) center center;

</style>

以上是关于谁能帮我解释一下Dreamweaver中的CSS的display属性的none、block、inline等都用在啥场合?的主要内容,如果未能解决你的问题,请参考以下文章

谁能帮我解释一下java线程中的wait()方法的作用与执行原理非常感谢!

谁能帮我解释一下js的这种写法是啥意思?UUID.prototype.createUUID = function()

谁能帮我解释一下“哈希表”的详细含义?谢谢了

我想知道avi、mp4、flv这几种视频格式的区别,谁能帮我解释一下

如何把网页中的背景图片设置成居中切不会平铺,谁能帮我改一下?

各位,对于salesforce非常陌生,谁能帮我通俗地解释一下吗?百度百科里面ctl-c ctl-v的就不要来了。