如何使用list-style项目符号?

周二,2008 八 26 21:31:45

项目符号有多种,罗列如下:

  disc(实心圆点)、
  
circle(空心圆圈)、
  
square(实心方块)、
  
decimal(阿拉伯数字)、
  
lower-roman(小写罗马数字)、
  
upper-roman(大写罗马数字)、
  
lower-alpha(小写英文字母)、
  
upper-alpha(大写英文字母)、
  
none(无)。

阅读全文

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

CSS常见命名规范

周一,2008 八 25 21:10:18

一.文件命名规范

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

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

给你的BLOG添加漂亮的登陆效果

周日,2008 八 24 21:24:54

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

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

DIV水平居中的方法小结

周四,2008 八 21 20:48:40

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

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

CSS常用缩写语法总结

周二,2008 八 19 21:53:00

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

1.颜色

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

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

2.盒尺寸
阅读全文

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

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,827  

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

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

阅读全文

   Await |  WP相关, 前端交互 |  [1] |  浏览:966  
goto-top