等待-放飞梦想

勤现在-乐将来

前端交互

CSS常见命名规范

Await / 前端交互 / 2008/08/25 9:10

一.文件命名规范

全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
继续阅读

不知道大家的对WP的登陆是怎么看的,反正我是很不喜欢点个链接到另一个页面去登陆的这种做法。嘿嘿今天给大家带来点小东西,放弃WP默认的登陆方式,打了更加人性化更加酷的登陆方式。同时,由这篇文章开始,引入大家来更加了解WP自带的一个JS库,就是JQuery.我们利用这个JQ能实现很多漂亮的效果。
OK,我们先来看看WP默认的登陆框:
继续阅读

DIV水平居中的方法小结

Await / 前端交互 / 2008/08/21 8:48

我想这个是我们经常遇到的一个问题,当然对很多人来说,这是个很简单,很容易解决的问,在这里我只是把这些常用的方总结下。
一、margin:auto 0 与 text-aligh:center
这个方法我想是大部分人在用的,也是最简单的。我们先设定marign: 0 auto,即上下边距为0,左右为自动,这样在IE7、Firefox、Opera等浏览器中就能实现居中了。
继续阅读

Maxthon v1.0[最新修改]

1.对所有代码进一步优化,去掉了作品展示部分。

[详细]:对CSS代码进一步优化。和重组,打开后能发现现的在CSS变得很干净。方便大家修改。

对页面的脚本进行了清理,弃用了上个版本所有的JS,所有动作通过调用WP自带的JQ实现。
继续阅读

CSS常用缩写语法总结

Await / 前端交互 / 2008/08/19 9:53

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:

1.颜色

16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:

#000000可以缩写为#000;#336699可以缩写为#369;

2.盒尺寸
继续阅读

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

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

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

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

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

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.标准浏览器下另类方法:
继续阅读

Top 管理

无觅相关文章插件,快速提升流量