使用DW让网页图片置顶,可分三种情况:
1. css reset
在HTML标签在浏览器里有默认的样式,例如 p
标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE
下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻
烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSS Reset
html, body,
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, aside,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
*** all, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody, tfoot, thead, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video { margin:0padding:0
border:0outline:0vertical-align:baseline}
table { border-collapse:collapseborder-spacing:0}
fieldset, img { border:0}
td, td img { vertical-align:top }
2. 图片为页面中插入的img,如<img src=../images/1. />
如果已经设置了以上的css reset ,在没有专门设置其它任何间距的情况下,图片默认也是置顶的。
3. 图片为背景图片 如
div{width:100%height:50pxbackground:url(../images/1.) left top
no-repeat;} 其中的left top 就是定义图片位置的,让图片水平居左垂直居上显示,也就是说此时图片也是置顶的;left top
也可以换成数值 如 background:url(../images/1.) 0 0 no-repeat
2.在MSN空间中如果有两个HTML编辑器如何让图片置顶
在这个版块里我将教你如何更好的使用MSN的这个spaces!同时也希望你对MSN的使用有什么疑问的话请尽量在这里提出来,我会为你解答!希望大家多多支持M1,一起讨论下MSN的使用心得,共同学习!M1会在这里不断的更新添加,我的一些使用心得和小窍门,供大家参考学习!...................................MSN Space进阶技巧 起步篇..................................MSN Space进阶技巧 普通篇1. 如何复制图片/在BLOG里面发表带图片的日志:在你选中的图片上点右键.选择复制.然后在你的日志发表编辑框相应的地方点,Ctrl+V粘贴,即可! (简单吧!) 说明下.只可以复制网络上的图片的哦,你电脑上的图片是不可以 直接发表在上面的!2 . 编辑网络日志项/单击“网络日志”选项卡/单击要编辑的项/进行所需更改/若要向您的网络日志发布此项,请单击“发布项”/您可以使用一些关键词组合,帮助您的网络日志项获得您想要的外观/用 SHIFT + ENTER 添加回车/用 CTRL + INSERT 复制文本/用 SHIFT + INSERT 粘贴文本/若要在发布网络日志项之前查看其外观,请单击“预览网络日志项”选项卡3. 关于类别/您可以为您的网络日志项指定类别,以帮助组织有关相同主题的项。
这使读者可以轻松地找到他们最感兴趣的项,还使您可以在存档 (包含您在网络日志中添加的所有项(新项和旧项)。) 中轻松地找到特定项。
类别列表包含默认类别,但您也可以创建自己的类别并重命名默认类别。包括默认的类别在内,您最多可以拥有 25 个类别。
类别名称最多可包含 128 个字符。4. 关于引用通告/引用通告是从一个网络日志发送到另一个网络日志的通知。
引用通告是网络日志用户 (发布或编写网络日志项的用户。) 了解相互间网络日志项引用情况的一种方式。
引用通告被添加到原始网络日志项的底部。它包含所引用内容的网址。
读者可以阅读原始网络日志项,然后单击引用通告以转到与该原始网络日志项关联的项。此 *** 作使读者可以查看多个网络日中有关特定项的全部讨论/注释:在分配为“Messenger”或“私人”权限的空间无法启用引用通告和联合 (使其他人可以使用以及在其网站上显示您的站点上的指定内容。
当您的站点上的联合内容更新时,包含该内容的其他站点也会更新。) 。
5. 关闭联合/MSN 共享空间 使您可以通过使用 RSS(真正简单联合供稿系统) (使您可以轻松联合网站的一种 Web 协议。) 来联合 (使其他人可以使用以及在其网站上显示您的站点上的指定内容。
当您的站点上的联合内容更新时,包含该内容的其他站点也会更新。) 您的共享空间 (Web 上的位置,您可以通过在其中发布您的想法和感兴趣的内容(例如网络日志、照片和列表)来与其他人共享信息。)
。如果联合您的空间,则可以通过新闻阅读器 (一种程序,使用户可以阅读张贴到各种新闻组中的消息。)
或聚合器 (一种程序,监视通过指定的 RSS(真正简单联合供稿系统)Feeds 传递的新内容。) 来阅读您的空间。
在您向您的空间发布更新后,使用这两个工具的用户可以立即获取更新。 创建您的空间时,默认情况下联合处于启用状态。
如果不希望您的网络日志被联合,您可以关闭联合。单击“设置”选项卡。
(如果在您的空间的右上方没有看到“设置”选项卡,请首先单击“主页”选项卡。) 单击“空间设置”。
向下滚动到“联合”部分,然后清除“联合”复选框。 单击“保存”。
注释:联合您的空间时,您的网络日志、列表、相册和音乐列表均被联合。6. 查看存档的网络日志项/为防止网络日志时间太长,每月会从空间中删除网络日志项并进行存档。
存档不会影响固定链接 (固定的网址 (URL)。每个网络日志项都有一个与其关联的固定链接。
如果需要,您可以使用网络日志项的固定链接来返回到该项。) 的功能。
在“存档”内容模块中:单击创建项的月份。 该月的网络日志项按从新到旧的顺序显示(首先显示最新的项)。
单击要阅读的网络日志项。 注释/如果没有显示“存档”模块,则网络日志项可能仍然存在,但“存档”模块本身可能已被删除。
空间的所有者可以恢复“存档”模块。有关添加和删除模块的详细信息,请参阅添加或删除内容模块。
7. 对相册进行重新排序/使用 Microsoft Inter Explorer 6 或更高版本:单击“主页”选项卡。 在“相册”模块中,单击要移动的相册并将其拖动到列表中的新位置。
重复上述步骤直到所有相册均按照所需的顺序列出。 注释/MSN 共享空间 相册和照片编辑工具设计用于 Microsoft Inter Explorer 6 或更高版本。
下载最新版本的 Inter Explorer,转到 Inter Explorer 网站。8. 设置移动设备以发布网络日志项/当您无法使用计算机时,可以使用移动设备来发布网络日志项。
如果您的移动设备能够发送电子邮件,则可以设置它来发布网络日志项。 在您的计算机上的 MSN 共享空间页面上:单击“设置”选项卡。
(如果在您的空间的右上方没有看到“设置”选项卡,请首先单击“主页”选项卡。
3.用HTML制作网页怎样把表格置顶
1. html中表格中的文字可以置顶、居中、底部显示
2. 置顶需要用到属性valign="top"
3. 具体 *** 作代码如下:
<table>
<tr>
<td height=100 valign="top">
文字
</td>
<td height=100>
</tr>
</table>
4中,怎么把背景图片置于最低层
1、用css的z-index的属性就可以实现。
首先新建一个html文件,在文件中写入一个div容器和一个图片: 2、然后在上方设置它们的样式,这里给div设置成绝对定位,图片设置成相对定位,然后设置一下它们的z-index属性,该属性用来显示元素的上下层的叠加顺序,数值越大表示的层级越高,但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果: 3、最后打开浏览器查看效果,div是在图片上面的。
以上html中就是把背景图片置于最低层的方法: 。
html中表格中的文字可以置顶、居中、底部显示置顶需要用到属性valign="top"
具体 *** 作代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
<td height="100" valign="top">
我要让这行字置顶显示!
</td>
<td height="100">
我要让这行字居中显示!
</td>
<td height="100" valign="bottom">
我要让这行字底部显示!
</td>
</tr>
</table>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)