课程：

• 1、网页设计中的定位有哪些？
• 2、网页中的比纵横线有些是蓝色，灰色，这些是DIV吗？相对定位和绝对定位，固定定位的特征是什么？通俗说明
• 3、网页制作中使用什么标记符给图像加边框
• 4、CSS中的方框、边框、区块、定位都有什么用途？具体怎么用？
• 5、网页中元素有哪些定位方式，各自的含义是什么

网页设计中的定位有哪些？

1.静态定位 

position：static（不能移动元素）

2.绝对定位 

position：absolute

(可以进行模式转换，脱标)

(以浏览器作为参照物移动）

A 如果给一个元素设置了绝对定位,加上方位名词(left),这个时候，该元素是以浏览器(body)的左上角可视范围进行移动

B 如果在一个嵌套结构中,子元素设置了绝对定位,同时,给其父元素设置除静态定位以外的定位,这个时候,子元素以父容器(左上角)为参照进行移动

3.相对定位

position:relative

(不脱标，不能进行模式转换)

A 如果给一个元素设置了相对定位,那么该元素会以其自身的位置作为参照进行移动

B 如果发生在嵌套结构中,给子元素设置了绝对定位,从布局的角度出发,为了使页面布局不发生混乱,一般会给父容器设置相对定位

4.固定定位

position:fixed

(脱标，能实现模式转换)

给一个元素设了置固定定位，那么这个元素始终会以浏览器可视区域为参照进行移动

网页中的比纵横线有些是蓝色，灰色，这些是DIV吗？相对定位和绝对定位，固定定位的特征是什么？通俗说明

1. 网页中不同颜色的横线，一般都是标签(如div,p,table,h1等)的边框(border)。

2. 你想知道的应该是position的用法，position常用的几个值是relative(相对定位), absolute(绝对定位), fixed(固定定位)。

position:relative; 一般情况下是做为position:absolute;的父元素的CSS，它可以设置z-index值来控制Z轴方向的显示层级，但很少会设置left和top，都是用margin-left和margin-top来代替left和top的效果。

position:absolute; 它是相对于你标签有position:relative属性来定位的，如果所有的父标签都没有relative，它就是以document做为父标签的。绝对定位一般都是用left,top,right,bottom来确定位置的，也会用到z-index来设置其在Z轴的显示层级。

position:fixed; 这个比较常用的就是定位一个广告，或者是联系方式到网页的某个固定位置。滚动条滚动时对它的位置是没有影响的，它始终会显示在你设定好的位置(它也是用left,top,right,bottom来定位的)，但是IE6中不兼容此属性。

网页制作中使用什么标记符给图像加边框

直接border=1，或者使用css

img {

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

}

/*定义图片边框*/

颜色需要在css里边加上

border-top-color: #FF0000;

border-right-color: #FF0000;

border-bottom-color: #FF0000;

border-left-color: #FF0000;

CSS中的方框、边框、区块、定位都有什么用途？具体怎么用？

简单的说就是提供一个自定义模板,做好一个CCS,下次你要用到,就可以直接点击使用.不错的,蛮好用的.

要想定位一张图片,那就要到代码里面去改了.同上

网页中元素有哪些定位方式，各自的含义是什么

例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

设置锚点也是很简单的，例如一个文章分了三段，每段有个标题，标题的代码是这样的

h2我是标题一/h2

h2我是标题二/h2

h2我是标题三/h2

如果我想要在页面内设置锚点，做一个索引，点击相应的索引标题就跳转到相应的段落，那么就只要在标题所在的html标签里面设置一个ID，然后链接过去即可，可以像下面这样设置ID：

h2 id="a"我是标题一/h2

h2 id="b"我是标题二/h2

h2 id="c"我是标题三/h2

然后在索引里面这样设置超链接就可以实现和锚点的连接了