dl、dt、dd 标记来改造163邮箱的广告条
打开网易邮箱的登录界面，我们会发现，在首页的底部有这样一个“最新动态”的广告条，其设计代码如下：
HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
收藏 0赞 0分享
CSS教程：网页图片垂直居中的使用技巧
在曾经的 淘宝UED 招聘 中有这样一道题目：
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”
当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表
收藏 0赞 0分享
英文教程：鼠标悬停（hover）效果
前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果，今天给大家来一篇很不错的鼠标悬停效果，也是用CSS实现的。
这是一个很棒的鼠标悬停（hover）效果。从国外的网站上看到了，转载过来。没有作任何翻译与编辑，大家可以偿试阅读英文教程，加油！
注意：此
收藏 0赞 0分享
dl,dt,dd标记在网页中要充分利用
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签，很少用刑<dl>标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是：
< dl>< /dl>
收藏 0赞 0分享
css制作有立体效果的表格
<style>
.aa {margin:100px}
ul {width:80px; float:left; margin:0px}
.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:
收藏 0赞 0分享
HTML验证的好处？
HTMLvalidate是指HTML验证。它是通过与标准HTML规则进行比较的方式，分析HTML文档、标记出错误和非标准代码的处理过程。Web页面使用HTML进行渲染，而HTML本身采用了HTML规范作为其规则和标准。通过验证HTML代码穿越多重浏览器标准！
1、Web站点访
收藏 0赞 0分享
CSS教程：行高line-height属性(1)
相关文章：CSS教程：行高line-height属性（2）
行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。
大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可
收藏 0赞 0分享
CSS简单实现网页悬浮效果（对联广告）
css固定定位，即悬浮效果（例如对联广告），不用js，css中"position:fixed;"即可。
position:fixed; 以视口为包含块，因此在浏览器窗口内固定。
ie 6.0不支持，因此采用相对于html元素的绝对定位。
<!
收藏 0赞 0分享
CSS网页布局：关于定位（position）
使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。
其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position
收藏 0赞 0分享
CSS教程：理解继承属性及应用
4.5继承
在本书的[3.3.2继承与层叠]一节曾经简要介绍过继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性。
4.5.1值的继承
继承也是基于文档树的，文档树中元素的某些属性可以被其子元素继承，每一个CSS属性都定义了它能否被
收藏 0赞 0分享
提高CSS文件可维护性的五种方法
参考： Smashing magzine
翻译 整理： Demix
当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可
收藏 0赞 0分享
css教程：网页中Span和Div的区别
HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。
它们被用来组合一大块的HTML代码
收藏 0赞 0分享
div css网页适应不同分辨率技巧
在ie6里，带默认下滑条，用div布局效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
收藏 0赞 0分享
关于CSS控制DIV水平居中问题
关于CSS 控制DIV水平居中问题，我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书，那个里面谈到居中使用。
margin-left:auto;
margin-right:auto;
其实等同于：
margin:0 auto;
于是可以使
收藏 0赞 0分享
CSS:相同元素不同结构重复定义的问题
CSS选择器是构建CSS的基础.在为大型,复杂嵌套的(x)HTML文档进行样式定义时,很有可能会遇上针对相同元素在不同结构下的重复定义的问题,这个问题也是前端开发人员相对头痛的问题.
在这种情况 (针对相同元素在不同结构下的重复定义) 发生的前提下,浏览器在渲染页面文件时,
收藏 0赞 0分享
关于DIV CSS和XHTML CSS的理解
WEB标准是一系列标准的集合，并不是仅“DIV CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度
收藏 0赞 0分享
CSS样式表教程:screen媒体类型的作用
CSS @media 规则非常适合于将 HTML 或 XML 文档定位为目标输出方法。目前，print 媒体的使用非常普遍，与实现单独的 “可打印版本” 相比，print 提供了更加整洁的方式来创建打印机友好的页面。screen 媒体一直未得到充分利用，原
收藏 0赞 0分享
CSS教程：简单理解em
px比em更加容易使用,em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px，所以10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*
收藏 0赞 0分享
CSS教程:导致一些问题的overflow
overflow有问题吗？没问题。那为什么说要慎用呢？因为有时会导致一些问题。。。
关于overflow:auto的，很多人贪他书写方便，直接用来清除浮动。但是Firefox使用overflow:auto会产生focus，引用网友fireyy的评论
我想这是FF浏览器的一个&ld
收藏 0赞 0分享
WEB前端涉及的布局、结构化和标准化
很久没有写文章，最近一直在忙于找工作和找房子。哎，现在终于安定下来了，哎，又叹息一下，是因为我把去淘宝面试的机会也推掉了，本来以为要卷铺盖回武汉了，哎，不提了，很对不起小马哥，也很对不起自己啊！
现在还是在上海，不扯了，开始正题吧。做前端开发快有3年时
收藏 0赞 0分享
