CSS教程之12、【视频】CSS Sprites手艺
所包含元素的特性要么由自身Div标签的属性来控制,要么是请css帮忙来进行控制。如果是多层嵌套的Div,可能会严重影响代码的可阅读性,[*]
[*]
点击下载视频教程(感激动力软件园供应下载空间)
CSSSprites在国际良多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中,再使用CSS的背景图片定位到要显现的地位
如许做能够削减文件体积,削减对服务器的哀求次数,进步效力
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><styletype="text/css"><!--#navul{list-style:none;margin:0pxauto;padding:0px;border-bottom:3pxsolid#E10001;height:28px;width:360px;}#navli{float:left;margin-left:2px;}#nava{display:block;width:87px;height:28px;line-height:28px;text-align:center;color:#000000;background:url(/upload/2010-06/27/nav_bg.gif)0-28pxno-repeat;text-decoration:none;}#nava:hover{color:#f00;background:url(/upload/2010-06/27/nav_bg.gif)0-56pxno-repeat;}#nava#current{background:url(/upload/2010-06/27/nav_bg.gif)00no-repeat;font-weight:bold;color:#fff;}--></style></head><body><divid="nav"><ul><li><aid="current"href="#">首页</a></li><li><ahref="#">进门教程</a></li><li><ahref="#">视频教程</a></li><li><ahref="#">罕见成绩</a></li></ul></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
我在这里借用了新浪博客的盒子来说明下,大家可能发现了,其实边框border往往就只有1px的宽度,谁叫它是边框呢。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
页:
[1]