一.css script背景图片法现在我想把如下图片的粉色部分当做背景图片插入到页面里:最终效果如图:实现的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=" Read More
posted @ 2013-01-17 19:17 -禅意花园- Views(317) Comments(0) Diggs(0)
在css中我们会经常要用到“清除浮动”clear,比较典型的就是clear:both;css手册上是这样说明的:该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。当属性设置float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除。比如: <p style="float:left; width:200px;">这个是第1列</p> <p s Read More
posted @ 2012-11-24 11:18 -禅意花园- Views(985) Comments(0) Diggs(0)
alt属性为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定替换文字。替换文字的语言由lang属性指定。 CSS中Alt属性(注意是“属性”而不是“标签”)包括替换说明,对于图像和图像热点是必须的。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。比如:<inputtype="image"src="image.gif"alt="Submit"/>.使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那 Read More
posted @ 2012-10-25 21:04 -禅意花园- Views(1398) Comments(0) Diggs(1)
上一节讲到引入Jquery库cookie实现对当前皮肤的保存,其他代码将不再重复了,只把头部cookie的导入js代码写出,如下:<head> <title></title> <link href="css/default.css" rel="stylesheet" type="text/css" /> <link href="css/skin_0.css" rel="stylesheet" type="text/css" Read More
posted @ 2012-10-25 10:56 -禅意花园- Views(761) Comments(1) Diggs(0)
图示:代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title></title> <!--正文css样式--> <style type="text Read More
posted @ 2012-10-25 10:31 -禅意花园- Views(314) Comments(0) Diggs(0)
图示:代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charse Read More
posted @ 2012-10-23 11:06 -禅意花园- Views(255) Comments(0) Diggs(0)
不连续(点击可以控制的)代码:图示:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/ Read More
posted @ 2012-10-16 20:43 -禅意花园- Views(938) Comments(0) Diggs(0)
继续上一章的内容,用纯css就可以实现导航下拉菜单,但是用jQ可以更好地增加其展开效果,而且也能兼容IE6,那就要用到slideUp()和slideDown()函数,只需要在head部分增加如下代码:<title>Jane shopping</title><script type="text/livescript" src="scripts/jquery-1.3.1.js"></script>/*nav.jss begin*/<script type="text/javascript&quo Read More
posted @ 2012-09-20 19:47 -禅意花园- Views(652) Comments(0) Diggs(0)
图示效果:代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha Read More
posted @ 2012-09-20 19:08 -禅意花园- Views(287) Comments(0) Diggs(0)
解CSS网页布局中默认字体样式浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在WindowsXP下显示网页时默认字体是宋体,而英文版肯定不会如此。所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率。样式优先级通常用户看到的页面的样式会受到三层控制:第一层是浏览器的默认样式第二层 Read More
posted @ 2012-09-15 17:21 -禅意花园- Views(595) Comments(0) Diggs(0)