<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<!--***********开始*************-->
<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 200/*这是默认高度,越大越往下*/; var old = theTop;
function initFloatTips() {
tips = document.getElementById('floatTips');
moveTips();
};
function moveTips() {
var tt=50;
if (window.innerHeight) {
pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}
else if (document.body) {
pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos+"px";
tt=10;
}
old = pos;
setTimeout(moveTips,tt);
}
//!]]>
</script>
<style type="text/css">
div#floatTips{
position:absolute;
border:solid 1px #777;
padding:3px;
top:250px;
left:500px;
width:300px;
background:#cccccc;
color:white;
}
</style>
</head>
<body onload="initFloatTips()">
<div id="floatTips">
浮动层
</div>
<!--**********结束***************-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7">
<tr>
<td height="2101"> </td>
</tr>
</table>
</body>
</html>
转自：http://www.lioil.net/LBS/article.asp?id=418
分享到：
相关推荐
XHTML的严格性有助于开发者养成良好的编程习惯，减少错误，并且与现代Web技术（如Ajax和SVG）有更好的兼容性。 学习这本书，读者将掌握如何创建基本的HTML页面，使用CSS进行美化，以及如何编写更严谨的XHTML代码。...
《深入浅出HTML与CSS&XHTML》（中文版）应运而生，为那些希望掌握网页设计基本技能的读者提供了一个全面的指南。本书基于O'Reilly出版社的"Head First"系列，以独特的教学风格，结合丰富的图表、幽默的插图和互动式...
- **XHTML优势**：由于其严格的语法要求，XHTML能够提高网页的可读性和兼容性，有利于搜索引擎优化。 #### 实践案例分析 - **创建简单的网页**：使用HTML和CSS结合，创建一个包含标题、段落、列表和链接的基本网页...
在XHTML部分，你将学习如何编写更严格的代码，以提高网页的可读性和兼容性。书中的章节会涵盖XHTML的基本语法差异，以及如何在实际项目中应用XHTML。 此外，《深入浅出HTML》还会探讨Web标准的重要性，讲解为何遵循...
每个元素都有一个盒状结构，这些部分共同决定了元素占据的空间。 3. **定位**：CSS提供了相对定位（relative）、绝对定位（absolute）、固定定位（fixed）和静态定位（static）等方法，用于控制元素在页面上的位置...
CSS 实现浮动层跟随滚动条特效（兼容IE6） 在网页上实现浮动层跟随滚动条特效是非常常见的要求，特别是在网站广告展示时。实现这种特效有多种方法，本节将介绍两种比较成功的实现方法，它们都能完美兼容各大浏览器...
5. **浏览器兼容性**：理解各主流浏览器对XHTML和CSS的支持差异，以及如何使用 Normalize.css 或 reset.css 来统一默认样式。 6. **网页优化**：包括减少HTTP请求、压缩代码、合理使用CSS Sprites等提高网页加载...
在网页设计领域，"经典...总的来说，"经典漂亮的三列布局XHTML+CSS模板"是一个综合性的网页设计课题，涵盖了网页结构、样式控制、布局技巧等多个方面，对于初学者和专业开发者来说，都是一个值得深入学习和实践的案例。
Simple.css是一个精简的CSS模板，它的设计目标是让开发者能够快速且简便地构建出美观的网站。这个模板的独特之处在于它无需使用复杂的类选择器，使得HTML结构更加清晰，降低了学习和使用的门槛。在网页设计中，CSS...
XHTML（Extensible HyperText Markup Language）是HTML的一个严格形式，它结合了HTML的易用性和XML的严谨性。XHTML要求所有标签必须正确闭合，提高了代码的规范性，有利于机器理解和处理。 CSS（Cascading Style ...
例如，创建一个包含左侧菜单栏和右侧主要内容的页面，可以使用浮动框架和CSS布局： ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
9. 验证与调试：在学习和开发网页的过程中，使用W3C提供的验证工具对HTML和CSS代码进行验证是一个良好的习惯，可以帮助开发者发现代码中的错误。此外，浏览器内置的开发者工具（如Chrome的开发者工具）也可以用来...
在IT领域，网页制作是至关重要的技能之一，而XHTML、DIV+CSS是构建静态网页的基础工具。XHTML（eXtensible Hypertext Markup Language）是HTML（HyperText Markup Language）与XML（Extensible Markup Language）的...
可以使用clearfix类，或者在父元素末尾添加一个清除浮动的元素，如`<div class="clear"></div>`，并设置`clear:both;`。 9. **自适应高度**： 对于需要等高布局的浮动元素，可以使用负margin或JavaScript方法实现...
- 创建个人简历网站：通过实例，学习如何结合HTML、CSS和XHTML构建一个简单的个人简历网页。 - 实战项目：通过实际项目来巩固所学知识，例如创建一个多页网站或电子商务模板。 通过阅读《Head First HTML与CSS、...
最后一种方法是使用CSS伪元素`::after`来创建一个不可见的元素，用于清除浮动。这种方法可以避免添加额外的标签，并且能够很好地兼容现代浏览器。示例代码如下： ```css .clearfix::after { content: "."; ...
在手册中，你会学习到CSS的基本语法，如选择器、属性和值，以及更高级的主题，如浮动、定位、Flexbox和Grid布局，还有如何组织和优化CSS代码，以提高页面加载速度和可维护性。 XHTML是一种混合了HTML（超文本标记...
《Head First深入浅出_HTML与CSS、XHTML（中文版）》是一本专注于前端开发的入门书籍，由O'Reilly Media出版。这本书基于“Head First”系列教材的特点，旨在以一种轻松愉快的方式帮助读者掌握HTML、CSS和XHTML的...