文章分类 -  WEB标准

(转)从HTML到XHTML--使用Web标准建设网站
摘要：传统的网站前端展现应该说是没有层次的，前端工程师直接将服务器端脚本和HTML近乎毫无规律地混合起来，HTML构建的结构很容易被破坏，直接影 响前端的展现和日后的维护。直到CSS的出现后才略有改观，目前CSS正式推出的有两个版本CSS1和CSS2， CSS1是1996年制定的，CSS2是1998年制定，CSS3正在制订中尚未推出。由于CSS是滞后于HTML出现的，因此早期的浏览器对CSS的支持不足，... 阅读全文
posted @ 2007-12-06 14:05 jun.ma 阅读(280) 评论(0) 推荐(0)
DIV+CSS实现区域鼠标事件的动态效果
摘要：现在WEB2.0时代来了，你可以在很多网站上看到一种鼠标移动上去表格会有状态的效果，今天偶就给大家讲一下具体的做法，可能我这个方法不太好，还请大家多多指点。其实方法就是在DIV里面加入了 OnMouseOver(鼠标移动到上面) OnMouseOut(鼠标移开) OnMouseDown(鼠标按下) OnMouseUp(鼠标放开) 在这种事件时，改变DIV的Class对应的 CSS 样式。这样就实现... 阅读全文
posted @ 2007-05-09 13:31 jun.ma 阅读(5021) 评论(0) 推荐(0)
IE FireFox对CSS的不同解释收集
摘要：W3C说是一个标准,不如说是一个麻烦,FireFox大家都说好用,但我宁愿它没有!! 苦了那些程序员。以下细节只针对IE和FireFox，其它浏览器并未测试对div设置水平居中对齐时，要给子div加上一句"margin:auto"以兼容FireFox浏览器当div的布局并没有如text-align设置的那样排列时，尝试用float来实现将标签的样式改成:margin:0px;line-height... 阅读全文
posted @ 2007-04-27 21:55 jun.ma 阅读(416) 评论(1) 推荐(0)
CSS+DIV自适应高度布局
摘要：要实现的是head foot固定，中间区域随内容高度自适应，拖动滚动条时foot永远居底。 SolarDreamStudios的方案给了我一个很好的思路，但关键部分是原创的，一直以为会比SolarDreamStudios的方案好，结果仔细看他们的代码，才发现其实原理都差不多，不过他们似乎在兼容性上下了更多工夫，具体未测试。A. 宽度100%自适应结构代码 headfoot 表现代码 #head {... 阅读全文
posted @ 2007-04-25 10:43 jun.ma 阅读(1820) 评论(0) 推荐(0)
用css实现表格背景透明,内容不透明
摘要：只需要给不需要透明的内容加上样式style="position:relative" 阅读全文
posted @ 2007-04-24 13:04 jun.ma 阅读(2417) 评论(1) 推荐(0)
class和id的用法
摘要：class和id的用法 上面的例子应用class和id实现了3种不同的标题1。下面我们就来讲讲class和id的具体应用规则。 指定标签的class和id 首先我们要在部分定义class(类)或id。 class的定义方法： 指定标签.类名 {样式} id的定义方法：指定标签#id名 {样式} 然后我们在想要应用类的标签上加上class(类)或者id属性： class的应用方法： id的应用方法：... 阅读全文
posted @ 2007-04-22 22:11 jun.ma 阅读(563) 评论(0) 推荐(0)
无序列表OR有序列表
摘要：无序列表（项目列表） 无序列表的标签是，而每一个列表项目则用标签。下面我们就用无序列表来改写我们的"index.html"，打开之前保存的文件后，将"针对学生提供的服务"一段的代码修改为如下的无序列表代码： 针对学生的服务代写寒暑假作业（数学不保证没有错题，语文不保证没有错字，英语作业你找别人吧）帮忙欺负四年级以下同学，特体须加收费用。 家长会帮忙冒充家长。 保存后浏览网页，请确认您的网页和这个... 阅读全文
posted @ 2007-04-22 21:23 jun.ma 阅读(262) 评论(0) 推荐(0)
页内跳转超级链接(锚记)
摘要：页内跳转超级链接(锚记) 您在浏览其他网站的时候可能注意到了，有一些超级链接可以让您回到页面的顶端或者是当前网页内任何一个位置。就像下面这个链接： 回到标题 它的实现方法如下，首先在标题处加上如下代码。： XHTML教程——超级链接 而超级链接本身的代码为： 回到标题 页面内的跳转在您的页面内有大量的内容时，可以让你的用户很快的找到所需要的信息。通常情况下都是在一些说明性的网页内做目录使用。 阅读全文
posted @ 2007-04-22 21:09 jun.ma 阅读(9229) 评论(0) 推荐(0)
XHTML下css+div布局总结
摘要：xml(extensible Markup Language)的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在web上，也可以应用在任何地方。标准称为可能。XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。它实现HTML向XML的过渡。CSS是C... 阅读全文
posted @ 2007-01-13 12:53 jun.ma 阅读(299) 评论(0) 推荐(0)
div＋css布局入门
摘要：你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束... 阅读全文
posted @ 2007-01-13 12:52 jun.ma 阅读(154) 评论(0) 推荐(0)