∥″可乐〃∥

让我展望未来,网络是我不变的终结者!

7Oct.

让图片自动适应宽度

强制定义图片的宽度为DIV宽度(img{width:div的宽度;height:auto;}),高度自动,图片就会等比例缩放个人比较喜欢这个方法,简单哇!额,不喜欢或不适用,看看下面二种吧:
...
15Sep.

PNG8和PNG24的区别

做了一个图,因为需要透明,所以我存为了PNG8格式,结果发现图片变了,图片变得四周都不光滑了,四周都变得有锯齿了,而且阴影也不见了,后来存为PNG24,这些问题就消失了。
我去百度搜索了关于PNG8和PNG24的区别,看到下面的文章,原来PNG8要么完全透明,要么完全不透明,不支持半透明,所以才会出现上面的问题,但PNG24支持半透明的。


详细请看以下文章

 
一直在png图片透明这块,模糊着,虽然XXX,就是因为懒没有认真测试测试。今天看到同事要做一个这样的效果时,发现得弄弄了,于是去新浪微博看下它logo的实现时,遇到这个问题(想知道它用的什么格式的png图)。
...

13Jul.

如何让IE6支持PNG图片GIF图片透明和背景透明

其他浏览器现在都支持图片透明 就是ie6不支持  但不要怕 有下面方法完美解决
只要在你网页head之间加入以下代码 IE就支持透明了,就这么简单<!--[if lte IE 6]>
<script src="http://www.iiwnet.com/templets/niu/js/iiwnetpng.js" type="text/javascript"></script>
...

24Apr.

li导航写法

最常用的li导航写法:

#head_r_b {width:628px;height:60px;}
#head_r_b ul {list-style-type:none;height:44px;margin:0;padding:16px 0 0 20px;}
#head_r_b li {width:80px;height:44px;float:left;margin-right:2px;}
#head_r_b li a {width:80px;height:44px;background:url(images/over.jpg) no-repeat;float:left;font:bold 14px "宋体";color:#fff;text-align:center;line-height:50px;}

...
30Mar.

LI标签中内容超过长度后以省略号显示的方法

今天一个朋友问我li:not(p) ,在使用DIV+CSS网页标准制作网页时,LI标签中内容超过长度后以省略号显示的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
...

13Mar.

新闻排版,图片垂直,自适应高度

<!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">
...

11Sep.

几个CSSReset的方法

正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能经常用到:

程序代码:

以下为引用的内容:

* { padding: 0; margin: 0; border: 0; }

这也是一款CSS Reset的方法,让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法,也是最简单,最安全的方法,不过,也是最占用资源的方法。对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,刚需要有选择地进行CSS重设,以减少资源浪费。下面是Yahoo的CSS重设代码,也是受最多人喜爱的CSS Reset方法,YUI选择的方法是:

程序代码:

以下为引用的内容:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
 

2Jul.

DIV+CSS 常见问题(WEB标准)

 晚上在Jody的BLOG上面看到的,就摘过了,呵呵~~~

1、IE6的双倍边距BUG:
display:inline

2、IE6下为什么图片下方有空隙产生:
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block或者定义vertical-align属性值为vertical-align:top | bottom |middle|text-bottom 还可以设置父容器的字体大小为零,font-size:0

...

 

29Jun.

常用的CSS简写方法

要提高网站执行效率,就要从各种细节入手。其中,CSS的简写在节省代码方面虽然没有table布局改为div那么客观,不过也是一个不能忽略的方面。下面总结一下CSS的一些简写方法:

外补丁(margin)的简写:
比如:margin-top:10px;margin-left:20px;margin-right:20px;margin-bottom:10px;
可以写成:margin:10px 20px;
或者:margin:10px 20px 10px 20px;
...

27Jun.

[心得]个性0123456789

一直不知道这是什么字体,今天被我发现了,哇哈哈~~~
如果你说可乐知识浅薄,可乐双手赞成

<style>
.font {
 font-family:Georgia, Arial, Helvetica, sans-serif;
 }
</style>

效果如下:

...
25Jun.

一句话,让你的站点轻松兼容IE8

  随着IE8的出现,给很多的站长,皮肤设计者带来了新的烦恼!

  由于IE8并未全面普及,所以目前的皮肤作者或站点设计师通常考虑的还是IE6、IE7的兼容!

  不过微软给了我们一个简单的方法使IE8在还未成为主流之前轻松被兼容!

  那就是<meta http-equiv="x-ua-compatible" content="ie=7"/>标签

...
19Jun.

最常用的CSS小把戏(Most used CSS tricks)

版权声明:本文版权归原作者所有 译介仅供国内读者参考

本文概要:最常用的CSS Trick,诸如圆角、首字下沉等等。

之前有篇译介“8个一句话CSS小诀窍”介绍了8个非常使用的一句话CSS小技巧,这周再给大家带来一篇类似的文章,介绍了一些最常用的CSS Trick,或者叫做CSS小把戏。当然我相信每个设计师都会有一些个人的偏好,我个人对文中的一些小把戏就不太感冒。

1. 不使用图片的圆角效果

<div id=”container”>
...

15Jun.

TAB不比DIV体积大

经可乐研究调查实践表明:

1KB等于1024字节,二个字母分别相当于一个汉字
得出以下结论,宁多用代码,少用1KB的图片

TAB不比DIV体积大

在DW 4里
新建一个HTML文件是316字节
一个没定义TABLE体积是51字节
一个没定义的DIV标签是11字节
一个没代码,新建默认的CSS文件为:41字节
...

page:«12345»

日历

<< 2015-1 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Search.

Blog Statistics.

  • 文章总数:355
  • 评论总数:87
  • 引用总数:0
  • 浏览总数:18301
  • 留言总数:28
  • 当前主题:GrayDream主题
  • 当前样式:GrayDream

Misc.

    2015年的到来还有:
    ◀ ◁▶ ▷


ADMIN. | EMAIL. | ABOUT.

Powered By Z-Blog 1.8 Spirit Build 80722Copyright © 2006-2014 可乐Blog Kele520.Com All Rights Reserved.[皖ICP备 06001314号]