∥″可乐〃∥

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

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;
 

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;
...

19Jun.

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

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

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

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

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

<div id=”container”>
...

14Jun.

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 

CSS技巧

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 

...
14Jun.

CSS布局口诀

如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?

一、IE边框若显若无,须注意,定是高度设置已忘记;

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

三、三像素文本慢移不必慌,高度设置帮你忙;

四、兼容各个浏览须注意,默认设置行高可能是杀手;

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

...
25May.

页面CSS布局的二十五种技巧

  本文总结了适合新手的CSS网页布局技巧二十五种,在大家实际设计工作中可能会用的上。 
  1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 
  2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。 
  3、一个兼容性调整(IE和Mozilla)的笨办法: 
...

27Apr.

CSS控制浏览器滚动条的源代码

 

  1.overflow内容溢出时的设置

  overflow-x水平方向内容溢出时的设置

  overflow-y垂直方向内容溢出时的设置

  以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

  2.scrollbar-3d-light-color立体滚动条亮边的颜色

...
16Apr.

Css hack

什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
 

 
...
16Apr.

同一页面调用不同的CSS样式表文件

<!--[if IE]>….<![endif]--> (<!--[if !IE]>||<![endif]-->)

1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
2. <!--[if IE]> 所有的IE可识别 <![endif]-->
3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
...

16Apr.

Asp同一页面调用不同的CSS样式表文件

这方法是群里,christina告诉我的

<%
strtemp = Request.ServerVariables("HTTP_USER_AGENT")
strtemps=Split(strtemp,";")
If InStr(strtemps(1),"MSIE")>0 then
versions=Trim(Left(Replace(strtemps(1),"MSIE",""),6))
...

16Apr.

在同一个CSS页面调用不同的样式

在同一个CSS页面调用不同的样式,这方法是群里的d-w告诉我的

CSS代码:

.wupx {
 width:100%;
 height:5px; *height:25px; _height:5px;
 text-align:center;
 margin:0 auto;
}

说明:

FF写在最前面,中间是*给IE认识的,后面_是给IE6认识的

...
13Mar.

快速写出较好CSS的5种方法

译自:http://net.tutsplus.com/
原文:http://www.qianduan.net/?p=5539

1. Reset

真的,要一直使用一个reset,无论是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset,一定要使用。

...
13Mar.

CSS的十八般技巧

本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。

一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

...
page:«12»

日历

<< 2010-8 >>

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.

  • 文章总数:325
  • 评论总数:75
  • 引用总数:0
  • 浏览总数:7514
  • 留言总数:27
  • 当前主题:GrayDream主题
  • 当前样式:GrayDream

Misc.

    距离2010年的中秋节到来还有:
    ◀ ◁▶ ▷



     

ADMIN. | EMAIL. | ABOUT.

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