解决方法:在图片的css中加 vertical-align:bottom; 效果
演示代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D...
[阅读全文]
图片外框特征参数:
①dashed:虚线
②dotted:点虚线
③solid:实线
④double:双线
⑤groove:沟槽状
⑥ridge:脊状
⑦inset:内嵌
⑧outset:外嵌
CSS TP特殊效果风格属性
①灰...
[阅读全文]
小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过),半个月的时间做了80多个个人站或企业的logo,认识到了许许多多的站长,他们人都很好,但是其中一些站长由于由于对美工知识过于匮乏,导致了诸如让我直接给图片加连...
[阅读全文]
此文为后来的教程做铺垫,转自这儿。百分数定位很有意思,可以实现非凡的效果。大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。例如希望背景图片水平居中,距离容器顶部20px,可以使用
...
[阅读全文]
使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。 一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。 二、使用div对于设计使用AJAX等的...
[阅读全文]
层的定位是很多人比较困扰的问题,点击弹出层会随着分辨率的改变层的位置也变动。那么怎样让层固定在一个位置,不管分辨率或窗口改变而变化呢?这就是我所要记录的层的定位问题:建立一个父级div,不改变x、y,然后在这个父级div里面包含一个子级div,在这个子级div里随便改变它的位置(设置to...
[阅读全文]
重置默认样式
最近看到一个词叫css reset。什么叫做css reset呢?我理解为重置css,也就是重置默认样式。我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。每...
[阅读全文]
CSS布局常用的方法:float:none|left|right
取值:
none: 默认值。对象不飘浮
left: 文本流向对象的右边
right: 文本流向对象的左边
它是怎样工作的,看个一行两列的例子
xhtml:
...
[阅读全文]
根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,我们来浅谈一下CSS的渲染效率,书写高效的CSS。
1、十六进制的颜色值对位数与大小写
编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及...
[阅读全文]
一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,...
[阅读全文]
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3....
[阅读全文]
1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。
2...
[阅读全文]
网页Flash播放代码的一个小技巧
很多网页中都插有Flash播放代码,这不仅是为了页面元素的多样化,更是为了内容体现的需要。很多时候,我们会遇到这样的问题:根据需要使用Flash的script来读取不同的音频源或者视频源,那么如何实现这一功能呢?下面我们用改写<o...
[阅读全文]
想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下: 通过许多实际项目,个人认为一个完备的前端产品开发团队,必须拥有如...
[阅读全文]
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现...
[阅读全文]
最典型实用的上中下,并且中间分三列的布局,这个例子有2个特点:
1. 中间三列效果,可以任意实现单列背景色。2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。
IE6.0和FF1.5测试通过
分析:
最外层的wrappe...
[阅读全文]
1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CS...
[阅读全文]
尽管对于现如今的带宽来说,网页文件那仅以K来算的大小实在是微不足道,但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。
众所周之,在不影响整个网页构架与功能的情况下,网页文件越小越好,因为更小的网页文件有利于浏览器...
[阅读全文]
关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,不管怎么写最终是要达到设计稿的效果(这是最基本的要求).大家对xhtml的想法也...
[阅读全文]
我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。
<div id="macji"> <ul class="macji-skin"> ...
[阅读全文]