摘要：
如何在css上定义样式不需要程序员通过判断增加特殊类来实现平均布局？实现下面效果：已知条件：程序代码：echo "<ul>";foreach(...){ echo "<li><a href='".$val.url."'>".$val.title."</a></li>";}echo "</ul>"; 第一种方法：利用负边距。在盒子模型中margin是算到实际宽度中。且浮动元素有足够宽度才能与上一个元素并排。第二 阅读全文
摘要：
这是什么？Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上（与X轴Y轴相对照）的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。这个层叠顺序沿着垂直的线轴被呈现。为了更清晰的描述Z-index是如何工作的，上面的这张图片夸大展示了层叠元素在视觉位置上的关系。自然的层叠顺序在一个HTML页面中，自然的层叠顺序（也就是元素在Z轴上的顺序）是由很多因素决定的。下面的是一个列表，它展示的列表项是处于一个层叠环境（stacking context，暂时未找到合适的汉语翻译，应该是指层叠的元素所处的那个层叠的环境）中，这些项是处于这个层叠环境 阅读全文
摘要：
Verycd上搜索可以都到一大把。犀牛书看起来很困。作为入门新手，可以试着读较浅的书，国内的，有多余时间可以读。没空不建议花时间在这上面。《PHP动态网页设计与制作案例教程》(房爱莲)http://www.docin.com/p-224316273.html这本比较新点不过是大学教材《细说PHP》兄弟连杰作，应该很多筒子看过他们的视频http://www.verycd.com/topics/2906309/有PDF+视频，买书的钱又省了。省下的买好书。《大道PHP》http://www.verycd.com/topics/2891269/ 阅读全文
摘要：
1.头部声明utf-8:<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> ...gb2312:<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>2.html的meta声明utf-8:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />... ...gb2312:<meta http-e 阅读全文
摘要：
英文书籍。看不懂的地方学会自备翻译工具。
找了好久都没有中文关于ps切图相关教程和书籍。
其实换一个关键字“PSD to HTML”会好很多，
PS切图相关一些教程貌似还停留在那个到处table布局的方法。 阅读全文
摘要：
最近在看《JavaScript+DOM编程艺术》。好像没什么吸收。Dom查找方法：getElementById() //返回id元素getElementsByTagName() //按照标签名返回该标签集合getAttribute() //得到该元素某个属性值setAttribute()//设置元素的属性值本文主要利用setAttribute()来改变img的href属性值达到图片切换效果。按照javascript美术馆写成了这个效果。源码：<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" & 阅读全文
摘要：
参照《锋利的jQuery》第三章最后实例改写。利用div的背景来定位显示的图片位置。背景图片的定位=鼠标移动所在位置-鼠标响应的A标签所在页面的位置。效果图:<!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> &l 阅读全文
摘要：
利用透明图片遮罩制作圆角焦点图的好处是后台上传图片，不用经过ps处理成圆角。无论任何图片在首页焦点图显示都为圆角。弊端是遮罩图片除透明区外颜色应该和背景颜色相同。<!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>& 阅读全文
摘要：
最近几天试着写一个企业站，因为觉得这也企业cms系统比较简单。从模块功能分析，到photoshop原型建立制图，再到美工美化，完成PS切图和xhtml页面。后面接下来是用一个简单asp的cms系统核心代码（函数库，数据库处理类）进行二次开发。不过现在要讲得时xhtml页面制作时候，要做到兼容ie6，就整整写了一天。真是汗！！！1.浮动中padding-bottom失效，需要清除浮动<style type="text/css">.clear{ background: none; border: 0; clear: both; display: block; ... 阅读全文
摘要：
前段时间专门研究了一下腾讯微博的Tip，很有意思！tip中的小箭头是用“◆”（encode为：◆）字符模拟的。以前也写过类似的实现方案《用css的border属性实现三角》。用“◆”字符模拟小三角有一个有点就是：比如tip有border时，也可以用两个绝对定位的“◆”字符模拟。 作者：愚人码头 ... 阅读全文