词条 | SiteWeb |
释义 | SiteWeb 之所以创建,是为了提供WEB标准设计和爱好者一个互相学习和交流作品的空间。如果您的网页是用WEB标准构建,只需通过提交页面填写必要的内容,您的网站将立即展现出来...^_^ 。 (PS:WEB标准 是 结构(Structure) 、表现(Presentation) 和 行为(Behavior) 叁方面构成的标准集合) 用相对定位和负向移动来完成一个图片象框阴影的制作 图片和文本的结合更具亲和力的做法,利用em标签的浮动效果使 文本字符环绕在你的图片周围 利用:hover 来改变图片前后大小的方法,做一个 滑动效果的图片画廊 WEB标准的表单写法,是一种更贴近用户的形式,虽然相对于传统的形式复杂一些,不过却能达到更好的效果。下面我们来介绍利用<fieldset>和<legend>来合理分布表单内容,以及一个不常用到的标签 <optgroup> 更好将<select>下拉选项分类 一款符合标准的表单样式 利用 overflow、display 和 a的hover伪类 来做一个 可折叠伸缩的名片菜单 利用 CSS + <em>标签 来完成一个三角形的制作,以及它的常见特效应用 现在纯CSS做的特效越来越受到亲睐,它无须使大量的JS来支持,仅仅是一些意想不到的组合就能做出许多精美的效果,进一步我们能在“玩”的过程中更好的学习和了解CSS。从本周开始,我将介绍一些比较新奇少见CSS特效,以它为出发点着重分析我们不常用到的一些CSS的另类属性。下面来介绍利用 background-position 来做一个照片各部分的彩色与黑白交替更换 对于布局的自适应高度在FIREFOX和OPERA下一直比较麻烦,原因就是 float 脱离文档流而导致无法撑它的父对象大DIV的高度。下面推荐一个比较经典方法,由 forestgan 翻译的“DIV+CSS布局自适应高度负边距法”,之所以说他经典就是因为使用了overflow: hidden 来清除浮动,使包容对象产生了完美的弹性效果。(PS:这里需要注意一个地方,Opera8处理overflow: hidden的hacks有不足:顶部有时会出现3px的误差,页面超过2000px将无法继续伸展;3px的误差我们可以将“padding-top: 32767px!important;margin-bottom -32767px !important” 这段的长度的绝对值都改成2000px,第二个问题目前还无法解决。 熟悉CSS盒模型朋友相信对于IE6双倍浮动边界BUG不会陌生(如果你并不是很清楚可以点点我),这个BUG只会产生在浮动行的第一个浮动元素,所以如果第一个浮动元素没有使用外补丁margin就不会有双倍距离。不过最近发现IE6对于这个BUG居然有延伸的现象...... WEB标准中的行为标准一直比较容易忽视,大家似乎都对于前2个更加关注。下面让我们来了解一下关于W3C所推荐的DOM,当你通过前面那边文章明白了DOM以后不要心急,接着你还必须了解目前IE对于DOM的支持并不完善,从现实出发更进一步的来看看让我们的Javascript兼容多种浏览器和Javascript在IE、FF、OPERA中常用方法和属性的兼容性这2篇文章。 “Lightbox”是一个别致且易用的图片显示效果,它可以使图片直接呈现在当前页面之上而不用转到新的窗口。虽然这个效果做起来比较复杂,但是应用起来说非常简单,只需改动几个小小的细节就轻松搞定。最近 Lightbox2.0 版本也出来了,改进了原先的几个BUG,增加了动态变化图片大小的效果。 了解Ajax的朋友应该都知道每次使用时都得重复创建对象和发送请求,所以使用类来完成这些工作是必要的,这里我向大家介绍一个简单实用的Ajax通用类,代码简短但是却很好解决了IE缓存、对象回收、请求重叠这些问题。 |
随便看 |
百科全书收录594082条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。