| 共 96 篇文章 |
|
二十节小结三、小结：综上所述，css定位样式，常用的有相对定位与绝对定位两种。应用相对定位代码，移动了某个网页内容的位置，但是，它本身的位置还是保留着的，其它网页内容占据不了这个位置。这个网页内容原来的位置，别的网页内容就占据啦。它的位置，已经让给别的网页内容了，就好像是从网页内容中拿出来了。然后，根据绝对定位样式中设置... 阅19 转0 评0 公众公开 15-02-08 14:31 |
阅19 转0 评0 公众公开 15-02-08 13:37 |
二十节二l代码举例：上面的代码中，段落标签中设置了css绝对定位样式，段落标签的外层是一个块区标签。块区标签包裹着、控制着段落标签。这个块区标签就是段落标签的“父级对象”。由于块区标签中没有设置css定位样式，所以，段落标签中绝对定位样式的插入点是“body对象的左上角”，也就是“浏览器窗口的左上角”。 阅24 转0 评0 公众公开 15-02-08 13:32 |
二十节再观察一下下面的代码效果：上面的代码是把图片放入了一个“居中对齐”的块区中。也就是说，我们要设置定位代码的那些内容（例如上面的图片），其“本身的位置”，在每篇网页中是不相同的。没有设置定位代码时的显示效果，就是它们本身的位置。也可以理解为：设置了相对定位代码的居左值与居上值都为0px时的显示效果，就是它们本身的位置... 阅23 转0 评0 公众公开 15-02-08 13:27 |
二十节在上面的图片标签中我们添加一个css相对定位样式：style="LEFT: 20px; WIDTH: 940px; POSITION: relative; TOP: 50px"代码如下：再观察一下显示效果，图片不在它本身的位置上啦！图片向右移动了20px，向下移动了50px。(网页中，图片的上方有一条横线，你可从“图片与横线”的位置关系观察其变化。添加了上面的相对定位代码以后... 阅20 转0 评0 公众公开 15-02-08 13:09 |
二十节代码1：这是由一个图片组成的网页。这个图片没有定位。你把代码“粘贴”到你的图书馆首页“撰写”文章处的“代码编辑页面”中，“发表”以后观察一下其显示效果，认识一下它“本身的位置”。效果：“图片的左上角”是与“网页主体页面的左上角”重合的。也就是说，图片是从这一点向右和向下平铺的。这一点，就是相对定位的“插入点”，也... 阅66 转0 评0 公众公开 15-02-08 13:04 |
十九节7、多媒体标签中插入css样式7、多媒体标签中插入css样式：代码举例：上面的多媒体标签中用css样式设置了绝对定位的“起始点”，即：“居上值”与“居左值”； 阅26 转0 评0 公众公开 15-02-08 09:38 |
十九节6、表格标签中应用插入样式6、表格标签中应用插入样式：代码举例：上面的表格标签中用css样式设置了背景图片、边框线宽度、样式与颜色、表格的宽度与高度。 阅42 转0 评0 公众公开 15-02-08 09:34 |
十九节5、移动标签中插入css样式5、移动标签中插入css样式：代码举例：移动标签是有趣的标签，是神奇的标签，是制作网页很重要的一个标签。文字、图片、边框、音画，甚至整个网页，都可以应用移动标签让它们动起来。上面的移动标签中用css样式设置了文字的行高、字体、字号与颜色，移动屏幕的宽度与高度。 阅36 转0 评0 公众公开 15-02-08 09:31 |
十九节4、块区标签中插入css样式4、块区标签中插入css样式：代码举例：行块区标签也是一套标签，用了其首标签，必须用其尾标签收尾。否则的话，网页就不能正常显示啦。上面的块区标签中用css样式设置了首行缩进、文字颜色与字号。 阅24 转0 评0 公众公开 15-02-08 09:20 |
