前四节的大练习大家做的怎么样？有没有难度，如果你觉着有难度没有关系，这节课，我带着大家做一下这个练习！【第一步整体布局与公共CSS定义】我们先来分析一下这个页面 页面主要分5大块，顶部的Logo、...
盒模型，是XHTML+CSS布局页面中的核心！是关系到设计中排版定位的关键，都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含(外边距)margin，(内边距)padding，(内容)content，(边框)...
准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类（class）或ID，通过合适的组织，可以用最简单的方法实现同样的效果。在实际工作中，最常用的选择器有以下五类. 一些新手朋...
自适应高度的问题，采用Div+CSS进行三列或二列布局时，事先不知道具体高度，只能根据内容的增减自适应高度，要使两列（或三列）的高度相同，用Table很容易实现，但采用Div+CSS就显得比较麻烦了。按照一般的...
我们先把上节课最后总结一句话拿出来“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的padding的属性影响，当然...
写完第七课，因为时间问题没有继续写第八课有关浏览器兼容方面的文章，以为大家可以自己掌握这方面的知识，不过发现有很多同学找了很多资料，很多文章去研究，费时费力的，效果也不好，今天是星期六，我呢...
一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片 代码如下： HTML代码：<aid="theLink...
我记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，如下图 总是在前面加上8个“”，因为过去大家对CSS的概念也不太熟悉，也不太重视，这种方法实现虽然比较直接，但是文字多的时...
现将《2天驾驭DIV+CSS》教程的目录列出，以方便大家学习！ =================================基础【基础一】DIV+CSS的叫法是不准确的【基础二】使用Table布局是不明智的【基础三】xHTML+CSS与SEO【基...
这是一个使用CSS+JS构建的简易图片查看器，采用缩略图点击查看大图，可以分别显示每张图片的描述，大图显示位置采用固定宽度和高度，超出部分隐藏，点击大图可查看完全尺寸，兼容性：IE、Firefox、Opera。...
<!--Office2003风格by51dsn--><styletype="text/css">BODY{margin:0px;color:#333333;background-color:#84BFE9;background-color:#006699;<!--网页背景，网页两边细竖色块--> font-fa...
非常好的一篇技术文档，翻译自LouisLazaris2009年9月15日发表的《TheZ-IndexCSSProperty:AComprehensiveLook》，相信会帮助很多像我一样的前端狂！ 原作者保留所有版权。 EN文不好，欢迎各路牛头斧正。 ...
有很多种方法来实现图片的预加载，通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。 为什么使用预载 你为什么会考虑使用预载呢？你是否曾...
从今天开始，我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难？”的专栏里。当然由于振之的水平有限，所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析，要有...
4、颜色值的缩写： 当RGB三个颜色值数值相同时，可缩写颜色值代码。如： .menu{color:#ff3333;} 可缩写为: .menu{color:#f33;}四．hack书写规范 因为不同浏览器对W3C标准的支持不一样，各个...
二．注释书写规范 1、行间注释： 直接写于属性值后面，如： .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*...
CSS命名规范一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css；二．常用类/ID命名规范 页 眉：heade...
日前在我们的WEB标准研究的群里非常激烈地讨论了“什么是语义？”最后主要的分歧就在于语义本身是否有默认样式上。我认为在XHMTL中，除了DIV与SPAN之外的标签都是有语义的，并且所有标签都不具备默认样式，...
一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。 1、完全使用div、span和css制作的数据图表。 2、有很多用纯css制作的数据图...
p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示...