css有计算的能力吗,自增或自减

html-css020

css有计算的能力吗,自增或自减,第1张

你加一个<a>标签,然后利用<a>标签的hover伪类在鼠标移到你的字体时变大。具体操作代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>字体变大 </title>

<style>

.font{font-size:12px}

a{text-decoration:nonecolor:#000/*无下划线*/}

a:hover{font-size:30pxfont-weight:bold}

</style>

</head>

<body>

<a href="" class="font">a</a>

<a href="" class="font">b</a>

</body>

</html>

还知道这样是不是你要的效果,如果不是你可以再问我,我会帮你的

text-align:left字体对齐方式

width:1002px宽度

height:auto高度auto是自动

line-height:36px行高,就是每个行里字的行高

margin:0 auto外边距,顺时针四个方向比如:margin:1xp 2px 3px 4px分别代表上1 左2 下3 右4

background:url(../images/footer_1_bg.jpg) no-repeat left center背景图片,不平铺,水平居左,垂直居中

color:#6f4b0d字体颜色

.footer_1 a{padding-left:15px}.表示在用了.footer_1样式的元素里面的A标签的左边内边距是15PX。

footer_1 a:link,.footer_1 a:visited,.footer_1 a:active{color:#6f4b0d}表示在用了.footer_1样式的元素里面的A三种状态时候的字体颜色。其它这里有点多余,你只需要设置A就可以了,其它的会继承

.footer_1 a:hover{color:#c07d00}这个是鼠标移上去的时候,字体颜色。

PS:其实这些都是CSS中基本的东西,,,建议,下载一份CSS的帮助文件,或者上W3C去看看每个属性的用法,,

首先给ul取名为 class="ultest"(随便写的)

var ultestItem = $('.ultest li'),

liitemLen = ultestItem.length,

linesItem = 4//定义几个一种颜色

var colorbg//颜色初始化

for (var i = 0i <Math.floor(liitemLen/linesItem)i++) {

switch(i){

case 0: colorbg = "red"break

case 1: colorbg = "black"break

case 2: colorbg = "gray"break

case 3: colorbg = "yellow"break

}

for (var j = 0j <linesItemj++) {

$(ultestItem[(i*linesItem+i)]).css("background", colorbg)

}

}