• CSS高级技巧:阴影效果2008-05-03上一篇css教程 文章:css高级技巧:网页布局css阴影效果 (drop shadows)一点阴影可以给平板的设计增加纵深的感觉, 很多时候我们都是直接用photoshop直接制作带阴影的图片以供使用, 这里介绍的是一种不需要修改图片, 而只需要用css完成的技巧.原理:给<img />标签增加一个容器,..【阅读全文】
  • CSS高级技巧:网页布局2008-05-03上一篇css教程 文章:css高级技巧:文字环绕图片布局css至关重要的作用, css的设计初衷.css布局和几年前table横行时的布局又不太一样, 在结构化语义化的html文档后面, css在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是css不需要表现性标签!css布局技术..【阅读全文】
  • CSS高级技巧:文字环绕图片2008-05-03上一篇css教程 文章:css高级技巧:滑动门文字环绕图片(sandbags)在印刷业中, 常用的文字图片混搭的排版法被延伸到了web视觉设计中, 如何来完成呢?这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图:这应该不是简单的图片float..【阅读全文】
  • CSS高级技巧:滑动门技术2008-05-03上一篇css教程 文章:css高级技巧:图片替换滑动门(sliding doors)还是决定把滑动门单独提作一种单独的技术.它是css引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现.滑动门一般用做网站tab导航, 根据tab中内容的长短自动缩..【阅读全文】
  • CSS高级技巧:图片替换2008-05-03上一篇css教程 文章:css高级技巧:css sprites图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器).本节用到的图片只有一个:经典fir在文字外包上一组span标签, 并在css中将这个span进行display:none 操作, 使其隐藏, ..【阅读全文】
  • CSS高级技巧:CSS Sprites2008-05-03上一篇css教程文章:css高级技巧:圆角矩形css sprites, 利用css background-position 进行背景绝对定位, 减少http请求, 加速网页显示, 解决图片载入闪动问题的技巧.css sprites最适合用来做的, 恩, 比如: 清单导航的css鼠标翻转效果 大量小图标集中的应用 (fckeditor) ..【阅读全文】
  • CSS高级技巧:圆角矩形2008-05-03所谓的css高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的css秘籍.css2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以css圆角技术到现在还是那么的火.1. 固定宽度..【阅读全文】
  • Web标准前途是否依赖浏览器技术2008-05-03原文:http://www.alistapart.com/articles/fromswitchestotargets作者:eric meyer当我读了一遍aaron gustafson的beyond doctype: web standards, forward compatibility, and ie8 后,我心里的第一反应就是深深的否定这种观点. aaron描述的version-targeting机制是完全错误的, ..【阅读全文】
  • Web标准:文档类型和网页浏览器2008-05-03原文: http://www.alistapart.com/articles/beyonddoctype作者:aaron gustafson 译者:zhaozy in 3user.com转载请注明作者和译者信息,谢谢!进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是internet explorer), 用..【阅读全文】
  • CSS:何制作一个向各个方向延展box?2008-05-03http://www.webdesignerwall.com/tutorials/css-the-all-expandable-box/在html中, 如果过你没有指定一个确定的宽度的话, 块级元素本身就会在垂直方向上延展. 想象一个无序清单. 这个清单会自己扩展来适应它所有的清单元素. 如果用户在他们的浏览器中增加了字体大小, 清单会在垂直..【阅读全文】
  • CSS教程:闭合CSS浮动元素的几种方法2008-05-03 按照css规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做法就是在父容器内再..【阅读全文】
  • IE对网页中引入CSS样式表的限制2008-04-25 首先介绍一下html文档与css 的关联常见有4种方式:1、使用link标记<link rel="stylesheet" type="text/css" href="sheet.css" />2、使用style元素<style type="text/css">body{background:#fff;}h1{font-size:2em;}</st..【阅读全文】
  • 细说CSS3中的选择符2008-04-25英文原文:http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译:http://www.dudo.org/article.asp?id=197注:本文写于2006年1月,当时ie7、ie8和firefox3还未发行,文中所有说的浏览器支持均未包括这三个版本的浏览器。在ie8和firefox3中,文中的..【阅读全文】
  • CSS盒模型制定网页的宽度和高度的原理2008-04-22当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的css的盒模型造成的。#test{margin:10px;padding:10px;width:100px;height:100px;}如上一段的代码,很多时候我们会把它所占的位置计算成width:120px..【阅读全文】
  • 网页超级链接该以什么方式打开?2008-04-22一直以来都有这样一个困惑,那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢?如果是在原窗口里转换页面的话,那我还想使用原页面的信息呢?但是在新窗口打开的话,到时候可能是一屏幕的窗口(现在的浏览器都提供标签式浏览——我认为这是浏览器至今为止最好的..【阅读全文】
  • CSS教程:使用ul进行网页的多列布局2008-04-22几天在用css写三列布局的时候突然想到的这样一个方法,这个想法自己都觉得有些疯狂,如果其中有什么不对的地方请各位不吝指教。当需要写一个三列布局的时候,一般情况下我会选择使用如下的div布局方式:使用这样的嵌套方式无疑可以使代码出错的概率减少很多,但同时这样的布局也略..【阅读全文】
  • 以HTML为基础学习DIV+CSS2008-04-20点击这里浏览本站 网页设计教程 栏目内容在网页制作中,有许多的术语,例如:css、html、dhtml、xhtml等等。在下面的文章中我们将会用到一些有关于html的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的html基础。下面我们就开始一步一步使用div+css进行网页布..【阅读全文】
  • css中用javascript判断浏览器版本2008-04-16 看如下的javascript脚本:if (window.xmlhttprequest) { //mozilla, safari,...ie7 alert('mozilla, safari,...ie7 '); if(!window.activexobject){ // mozilla, safari,... alert('mozilla, safari'); } else { alert('ie7'); }} else { alert('ie6');} 看看运行效果:<..【阅读全文】
  • 背投广告设计:用最少的时间来做最效率的事情2008-04-16 对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用户行为的弹出窗口(即 onload 时,直接window.open ),会被浏览器默认拦截。 背投广告,既然被称为广告,那如何才能让广告主的钱花得..【阅读全文】
  • CSS3教程:background-clip和background-origin2008-04-15原文:http://www.planabc.net/2008/04/14/background-clip_background-origin/background-clip 和 background-origin 是 css3 中新加的 background module 属性,用来确定背景的定位。background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 ..【阅读全文】
共 1231 条记录┊当前页次:58/62┊20条/页