网页设计div使用教程,网页设计div使用教程***

1. 网页设计中采用div+css布局，这里的DIV是什么意思？
2. 如何用div+css给网页添加图片，求代码？
3. 做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？
4. 请问如何点击弹出窗口的div标签实现页面跳转？
5. css如何控制某一个div始终位于页面右侧？

网页设计中***用div+css布局，这里的DIV是什么意思？

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为html（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

如何用div+css给网页添加图片，求代码？

1、首先打开sublime_text软件，在其中新建一个HTML文件，然后写入最简单的网页格式代码：

2、然后新建一个高200px，宽200px，颜色为蓝色的div盒子：

3、接着在代码中加入background-image，然后引入一张图片，url里面的是图片的相对路径地址，相对的是html文件所在目录：

4、最后打开浏览器，就可以看到插入好的图片了：

做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？

你试一下 吧 宽度和高度 设置成百分比 。然后里面的 元素的 宽度和高度 给个 max-height min-height max-width max-height 属性

请问如何点击弹出窗口的div标签实现页面跳转？

用window.location.href的就只能在当前页面打开,不能打开新窗口的，用javascript:window.open&lt;divonClick="j***ascript:window.open('#','_blank')"&gt;</div>一般一定要新窗口的话，建议还是用A标签。变通一下就行了，<div><ahref="#"target="_blank"></a></div>把A标签变成块就可以控制啦。

css如何控制某一个div始终位于页面右侧？

方法/步骤

1、首先打开DW软件，然后设置一个css样式，引用到div中如图所示

2.打开刚刚新建的html文件，用浏览器打开观看效果如图：

详解：实现此类固定某一个区域主要应用于：position:fixed;绝对定位：

控制div right:1%；与右侧距离为1%； top:20%； 头部距离20%；然后滑动右侧滚动条，会发现，div区域始终固定在一个位置；

扩展position的值与描述详解：

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative 生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit 规定应该从父元素继承 position 属性的值。