网页排版布局

什么是前端,后端,终端,有什么区别

前端是展现给用户看的,显示的那些排版啊,布局啊!后端可以说是一般用户看不到的,由服务器端处理,比如用户登录验证,发送请求(点击登录),服务器处理后,返回数据到终端,完成用户发送的请求,终端就是用户使用的设备,用户用手机,那么手机就是终端设备,我电脑访问,电脑就是终端

网页中DIV+CSS盒模型是怎么组成的?

网页中DIV+CSS盒模型组成,首先需要理解div,可以将其想像成一个大的盒子,它有border,padding,margin这些属性,会table布局的话,其实对于这个更好理解,看下盒子模型如图:现在的布局就是使用多个的div去布局,就是类似于嵌套,具体可以看下代码:<html><head><style> body{ width:960px;        //限定网页的宽度 margin:0 auto;      boreder:1px solid #f00     //加个边框利于观察 } #header{ height:150px; width:960px; } #content{ height:500px; width:960px; } #footer{ height:150px; width:960px;} </style></head> <body><div id='headr'><p>我是头部区域</p></div><div id='content'><p>我是内容部区域</p></div><div id='footer'><p>我是底部区域</p></div> </body></html>

使用 CSS float: left和 float: right 缩放版面导致排版混乱的问题

clear:right; 这是解决你问题的答案,加在float:right中不建议采用一楼的做法,绝对定位用于细节处理很便利,但并不常用于布局仍有疑问,吧 谢谢大家,问题已经找到原因了,主要的原因是因为当缩小整个版面的时候最外面用position定位的DIV宽度值要有一些容差,要是把宽度值打到正好的数组就会出现问题。我把宽度加大10px后缩放乱版面的问题就没有了!

怎么让网页适应不同分辨率的电脑?

网友们上网通常会采用800×600、1024×768两种分辨率, 网页不是用来给自己看的,所以必须让自己做的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法,特别说明一下除非网站是艺术类的,有特别需求,通常都会首先照顾分辨率设置为800×600的大众化标准。一、 自然拉伸如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。二、 固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。所以目前普遍采用的方法是固定居中法!现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。三、 兵分两路如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。例如: <script LANGUAGE="JavaScript">function redirectPage() {var url_else = "http://www.163.com/";var url_800x600 = "http://www.sohu.com/";var url_1024x768 = "http://www.sina.com.cn/";var url_1366x768 = "http://www.qq.com";if ((screen.width == 800) && (screen.height == 600))window.location.href= url_800x600;else if ((screen.width == 1024) && (screen.height == 768))window.location.href= url_1024x768;else if ((screen.width == 1366) && (screen.height == 768))window.location.href= url_1366x768;elsewindow.location.href= url_else;}</script>

使用 CSS float: left和 float: right 缩放版面导致排版混乱的问题

clear:right; 这是解决你问题的答案,加在float:right中不建议采用一楼的做法,绝对定位用于细节处理很便利,但并不常用于布局仍有疑问,吧 谢谢大家,问题已经找到原因了,主要的原因是因为当缩小整个版面的时候最外面用position定位的DIV宽度值要有一些容差,要是把宽度值打到正好的数组就会出现问题。我把宽度加大10px后缩放乱版面的问题就没有了!

html网页设计的排版布局

创新不是说出来的,是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。 我知道,可是呢个网页我可以做出来,就是没有思路,怎么排版布局,做的呢不太一样 布局是自己设计,要完成这个设计还是很简单的。 可是现在没有思路,不知道怎么设计,你指导下啊, 可是现在没有思路,不知道怎么设计,你指导下啊, 要想有创新,别人指导不了。 好吧,我想想,呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的,需要什么代码??? 没有发现什么小字。直接输出就可以了。 右上角有小字的,呢要在哪里输入啊?? 代码中 我知道,是那一行代码??在html里,还是css里 html,哪一行不知道你是说什么小字

建站需求填写

采购需求填写

采购需求

采购产品:
联系人:
* 联系电话:
公司名称:
补充说明:
* 验证码:
提交