`
yxgblog
  • 浏览: 37538 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
最近访客 更多访客>>
社区版块
存档分类
最新评论
文章列表
文章来自: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 ...
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: 边框宽度; - ...
经常会看到页面中文字阴影的效果,觉得很漂亮,一般做这样的效果都是用图片显示的,现在通过定义样式就可以完成此效果。 接下来看看text-shadow的语法: text-shadow:color length length length; color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)   举个例子: text-shadow: -1px 2px 3px #ffb69a; 表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径 ...
文章来自:http://news.csdn.net/a/20090824/213336.html   1. 学好HTML和CSS编程 这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计,比如那些无法用网页实现的设计。要保持与时俱进,弄清楚现什么效果可以用现在的CSS技术实现,什么效果不可以。 使用CSS3最新技术设计的经典案例 Atebits(http://www.atebits.com/)在网页文本中使用了文本阴影,这样就不需要使用图片了。它还使用了-webkit-transform和-webkit-transition ...
文章来自:http://www.kuhu168.cn/pj/article.asp?id=8   1、你认为网页设计应该注意哪些问题?首先应该把客户摆在第一位,在了解客户需求的基础上进行设计,所做的设计都是为了客户的需求,版式、色彩、细节、UE、SEO这些是需要在 ...
图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化(SEO)不仅会给网站带来更多额外的流量,还能带给访 问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。   1. 在图片 ...
文章摘自:http://zhutengpeng.cn/blog/   众所周知,PNG格式图片由于出色的色彩与无损压缩,8位256色索引透明、和32位真彩Alpha透明等等诸多特性渐渐变得普及。。越来越多的朋友开始选择采用PNG格式图片来制作站点。但是好东西不一定有良好的浏览器支持。譬如说IE6,显示PNG格式带有阴影透明效果的图片会有一层灰色的背景,大大降低了图片的质量。但是IE7对PNG得到了很好的支持。所以本人历来就用IE7,虽然漏洞多多。。呵呵。同样,火狐,opera等浏览器对PNG支持良好。凡是以IE6为内核开发的浏览器,都不太支持PNG。如何解决这一问题呢。。呵呵,方法肯定有。。 ...
文章转自: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 ...
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>-------------------------------- ...
近段时间用到qq客服的内容比较多,在这总结一下。
O(∩_∩)O哈!
最近工作中遇到了随滚动条滚动的层,在网上查了下有很多关于这方面的内容,感觉有点麻烦,还是自己总结下的好,既简单又实用。代码如下:   <script type="text/javascript">function FloatTop(){  var startX1 =document.body.scroll ...
来自:1024互动营销 作为电子商务的研究者,网络营销实在是必修之课,通过对冯英健和其他同仁的研究,这里总结归纳出,做为网络营销人员,需要具备的21条基本能力要求   1.文字表达能力   把问题说清楚!这是作为 ...
文章转自暴风彬彬 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” ...
来自走走停停看看的博客   网上目前两种方法竖排,一种是用 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 ...
Global site tag (gtag.js) - Google Analytics