yxgblog
- 浏览: 38395 次
- 性别:
- 来自: 郑州
-
最近访客 更多访客>>
最新评论
-
ngn9999：
天下文章一大抄
让Flash乖乖躲到Div浮动层下去 -
cqujsjcyj：
先说声谢谢啊，
下了你的东西，但是这个QQ客服怎么点了，不出现 ...
qq客服随滚动条滚动 -
fighter-to：
这是csdn上的，请楼主表明出处。
杨澜告诫女孩
文章列表
文章来自：http://hi.baidu.com/happyangelzyl/blog/item/ec49f0434fb91e1b72f05db3.html
通常偏移掉字体的方式是
使用text-indent:-9999px;
可是他有一个局限性 他只适用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-indent:-9999px;虽然用起来比较惬意
将a转化成block的话 往往 他身后的的元素就被他赶到下一行了
如果正好这个a后面 是一个a按钮
就要用float来浮动以使他身后再出现簇拥者
这样是不是有些麻烦呢
所以推荐使用
line-height:0 ...
- 2009-08-31 15:52
- 浏览 1560
- 评论(0)
Mozilla -moz-outline CSS
有些时候我们在设计时，会把一个图形描两次边，而在网页中，只有一个border，在CSS 2中，有outline这个属性的，但是IE6尚不支持。
而在Mozilla 中，我们完全拥有这个属性outline（低版本不支持，在较高的版本中已经支持）。
这里介绍的是另一个moz自身属性：-moz-outline
CSS 语法：
-moz-outline: 边框颜色 边框宽度 边框样式
-moz-outline-raius: 边框圆角;
或者：
-moz-outline-color: 边框颜色;
-moz-outline-width: 边框宽度;
- ...
- 2009-08-31 15:34
- 浏览 1253
- 评论(0)
经常会看到页面中文字阴影的效果，觉得很漂亮，一般做这样的效果都是用图片显示的，现在通过定义样式就可以完成此效果。
接下来看看text-shadow的语法:
text-shadow:color length length length;
color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)
举个例子:
text-shadow: -1px 2px 3px #ffb69a;
表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径 ...
- 2009-08-25 15:32
- 浏览 1193
- 评论(0)
文章来自：http://news.csdn.net/a/20090824/213336.html
1. 学好HTML和CSS编程
这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计，比如那些无法用网页实现的设计。要保持与时俱进，弄清楚现什么效果可以用现在的CSS技术实现，什么效果不可以。
使用CSS3最新技术设计的经典案例
Atebits（http://www.atebits.com/）在网页文本中使用了文本阴影，这样就不需要使用图片了。它还使用了-webkit-transform和-webkit-transition ...
- 2009-08-25 15:09
- 浏览 762
- 评论(0)
文章来自：http://www.kuhu168.cn/pj/article.asp?id=8
1、你认为网页设计应该注意哪些问题？首先应该把客户摆在第一位，在了解客户需求的基础上进行设计，所做的设计都是为了客户的需求，版式、色彩、细节、UE、SEO这些是需要在 ...
- 2009-08-15 09:18
- 浏览 677
- 评论(0)
图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化(SEO)不仅会给网站带来更多额外的流量,还能带给访
问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。
1. 在图片 ...
- 2009-08-06 08:39
- 浏览 903
- 评论(0)
文章摘自：http://zhutengpeng.cn/blog/
众所周知，PNG格式图片由于出色的色彩与无损压缩，8位256色索引透明、和32位真彩Alpha透明等等诸多特性渐渐变得普及。。越来越多的朋友开始选择采用PNG格式图片来制作站点。但是好东西不一定有良好的浏览器支持。譬如说IE6，显示PNG格式带有阴影透明效果的图片会有一层灰色的背景，大大降低了图片的质量。但是IE7对PNG得到了很好的支持。所以本人历来就用IE7，虽然漏洞多多。。呵呵。同样，火狐,opera等浏览器对PNG支持良好。凡是以IE6为内核开发的浏览器，都不太支持PNG。如何解决这一问题呢。。呵呵，方法肯定有。。 ...
- 2009-08-01 18:14
- 浏览 1590
- 评论(0)
文章转自：http://www.div-css.com/html/standard/hack/1136667.html
区别不同浏览器，CSS hack写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
backgro ...
- 2009-07-02 08:42
- 浏览 751
- 评论(0)
1.设为首页 收藏本站
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/');">设为首页</a><a href="javascript:window.external.AddFavorite('http://www.makewing.com/','懒人图库')">收藏本站</a>-------------------------------- ...
- 2009-05-26 11:01
- 浏览 628
- 评论(0)
最近工作中遇到了随滚动条滚动的层，在网上查了下有很多关于这方面的内容，感觉有点麻烦，还是自己总结下的好，既简单又实用。代码如下：
<script type="text/javascript">function FloatTop(){ var startX1 =document.body.scroll ...
- 2009-05-05 09:16
- 浏览 1121
- 评论(0)
来自：1024互动营销
作为电子商务的研究者，网络营销实在是必修之课，通过对冯英健和其他同仁的研究，这里总结归纳出，做为网络营销人员，需要具备的21条基本能力要求
1.文字表达能力
把问题说清楚！这是作为 ...
- 2009-04-30 14:15
- 浏览 661
- 评论(0)
文章转自暴风彬彬 BLOG：http://blog.bingo929.com/spice-up-your-images-with-css-5-way.html
1， 阴影效果.通过使用带有一些padding之的背景图来添加阴影效果。演示：http://www.sohtanaka.com/web-design/examples/drop-shadow/dropshadow.htmHTML：<img class=”shadow” ...
- 2009-04-29 17:38
- 浏览 792
- 评论(0)
来自走走停停看看的博客
网上目前两种方法竖排，一种是用 writing-mode:tb-rl;另一种是用 layout-flow: vertical-ideographic;但遗憾的是，这两种方法都基本是 IE Only 的……那么维基文库是如何做到的呢？随便翻看一下代码，恍然大悟~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><ht ...
- 2009-04-29 17:13
- 浏览 1788
- 评论(0)