CSS样式中class和id的区别和含义

周二,2008 八 19 21:47:26

在样式表定义一个样式的时候,可以定义id也可以定义class。

  1、在CSS文件里书写时,ID加前缀“#”;CLASS用“.”叫做类。

  2、id一个页面只可以使用一次, class可以多次引用。

  3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;
    CLASS是一个样式,可以套在任何结构和内容上,就象一件衣服。
阅读全文

   Await |  前端交互 |  [1] |  浏览:702  

CSS-Hack汇总集合[持续更新]

周一,2008 八 18 21:06:48

屏蔽IE浏览器(也就是IE下不显示)
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。杭州网站建设意竭诚为您服务!
仅IE7识别
阅读全文

   Await |  前端交互 |  [0] |  浏览:406  

CSS图片垂直居中方法整理

周一,2008 八 18 20:48:01

1.标准浏览器方法:

* {margin:0;padding:0}
div {
 
width:500px;
 
height:500px;
 
border:1px solid #ccc;
 
overflow:hidden;
 
position:relative;
 
display:table-cell;
 
text-align:center;
 
vertical-align:middle
 
}
div p {
 
position:static;
 +
position:absolute;
 
top:50%
 
}
img {
 
position:static;
 +
position:relative;
 
top:-50%;left:-50%;
 
width:276px;
 
height:110px
 
}
 
<
div><p><img src="http://www.idods.com/images/logo.jpg" /></p></div>

2.标准浏览器下另类方法:
阅读全文

   Await |  前端交互 |  [0] |  浏览:558  

去掉链接时虚线框的几个方法

周五,2008 八 15 04:17:50

我想很多朋友都遇到这个问题,当点击一个链接的时候,总会出现一个虚线框。
在这介绍几种去除的方法:
1.直接给链接加是onfocus=”this.blur()”.

<a href="#" onfocus="this.blur()">链接</a>

2.CSS实现
阅读全文

   Await |  前端交互 |  [5] |  浏览:1,824  

关于自由切换颜色的主题目前有些主题自带这个功能了见下图:

现在来谈谈怎么实现这样一个功能。其实很简单的。不管是换颜色和主题,原理都是一样的,即通个调用不同的CSS来替换掉当前的CSS而实现的;

阅读全文

   Await |  WP相关, 前端交互 |  [1] |  浏览:964  

Web标准常见问题集合[不断更新]

周四,2008 八 14 01:05:44

1.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A

2.FF下如何使连续长字段自动换行

众所周知IE中直接使用word-wrap:break-word 就可以了, 这里FF中我们使用JS插入的方法来解决

阅读全文

   Await |  前端交互 |  [4] |  浏览:972  

WordPress主题之Maxthon 2.0.2[08-08-11]

周四,2008 八 14 00:52:30

Maxthon 2 这款主题做了很久很久,早在半年前我就开始着手设计和制作了。当时断断续续花了差不多一个月时间。
这款主题最初是想自己用的。所以当初做好后并没有发布。后来因为电脑出了问题拿去修。结果那次有很多东西都
没备份。丢了很多东西。也包括这个主题。之后。。。由于一些原因,一直没能上网。所以这个主题也就此夭折了。
阅读全文

   Await |  WP相关 |  [9] |  浏览:1,199  
goto-top