当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
文章标题关闭所有内容预览 | 展开所有内容预览
-
效果直逼flash的Div+Css+Js菜单
[内容预览]
1356 | 2009-07-02
Andy 代码如下://获取一个对象function getByid(id) {if (document.getElementById) {return document.getElementById(id);} else if (document.all) {return document.all[id];} e...
[阅读全文]
-
CSS打造经典鼠标触发显示选项效果
[内容预览]
1356 | 2009-07-02
Andy 程序代码如下:<br><script>//获取一个对象function getByid(id) { if (document.getElementById) { return document.getElementById(id); } else if (document.all) { return document...
[阅读全文]
-
[图文] 根据时段自动切换你的站点CSS风格 (1)
[内容预览]
1356 | 2009-07-02
Andy 网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/ 同样是切换风格。不过他做了点小小的调整。站点会根...
[阅读全文]
-
玩转 Dreamweaver速记CSS 属性
[内容预览]
1356 | 2009-07-02
Andy CSS 规范允许使用称作速记 CSS 的简略语法创建样式。速记 CSS 使您可以用一个属性标签指定多个属性的值。例如,您可以使用 font 属性在一行语法中设置 font-style、font-variant、f...
[阅读全文]
-
DIV+CSS布局基础:HTML标记一
[内容预览]
1356 | 2009-07-02
Andy 1- <!-- --> 说明:注释标记,在“<!--”与“-->”之间的内容将不在浏览器中显示。 2- <!DOCTYPE> 说明:描述文件所符合的HTML DTD,用于对文件的兼容性作简要说明。 3- <A ACCESSKEY=k...
[阅读全文]
-
DIV+CSS布局基础:HTML标记二
[内容预览]
1356 | 2009-07-02
Andy 21-- <COL ALIGN=CENTER | LEFT | RIGHT CLASS=classname ID=value SPAN=n STYLE=css1-properties TITLE=text VALIGN=BASELINE | BOTTOM | MIDDLE | TOP WIDTH=n > 说明:定义TABLE中一...
[阅读全文]
-
DIV+CSS布局基础:HTML标记三
[内容预览]
1356 | 2009-07-02
Andy 41-- <HTML TITLE=text > 说明:HTML文本起始元素,通知浏览器该文档为HTML文档。需要结标记。 42-- <I CLASS=classname ID=value LANG=language LANGUAGE=JAVASCRIPT | JSCRIPT | VBSC...
[阅读全文]
-
[图文] FF中CSS的私有属性小结
[内容预览]
1356 | 2009-07-02
Andy Example Source Code: []:@-moz-document url(http://www.w3.org/),url-prefix(http://www.w3.org/Style/),domain(loaoao.com){div{color:red;}} url是指定样式在哪里网址下可以用...
[阅读全文]
-
WEB标准,Web前端开发工程师必备技术列表 (1)
[内容预览]
1356 | 2009-07-02
Andy 想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗...
[阅读全文]
-
WEB标准,Web前端工程师定位浅谈
[内容预览]
1356 | 2009-07-02
Andy 先给前端工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达。如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如...
[阅读全文]
-
[图文] 用CSS实现网页的绝对居中 (1)
[内容预览]
1356 | 2009-07-02
Andy 什么叫绝对居中?就是说容器到屏幕左右上下四个方向都有间距,并且随屏幕大小缩放相对不变或者等比例调整,始终居屏幕中间。 绝对居中也有两种情况,容器的绝对大小和相对大小。 同时有...
[阅读全文]
-
[图文] 网页设计中的CSS Hack (1)
[内容预览]
1356 | 2009-07-02
Andy 屏蔽IE浏览器(也就是IE下不显示) 程序代码*:lang(zh) select {font:12px !important;} /*FF,OP可见*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根...
[阅读全文]
-
[图文] CSS来实现图片半透明效果
[内容预览]
1356 | 2009-07-02
Andy 通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持.<img alt="UploadPic/2009-7/200972172211179.gif" src="http://www.liaozhenxin.com" width="154" height="105" s...
[阅读全文]
-
CSS三行三列自适应高度div布局
[内容预览]
1356 | 2009-07-02
Andy 此代码欢迎各位转摘;网上有好多,但没有真正的自适应高度,看到一个自适应宽度的,还可以,没有我们长用的控制一定宽度的。测试通过:IE5、IE5.5、IE6、IE7、FF其他的没有测试,如果有...
[阅读全文]
-
[图文] javascript 改变网页加载的CSS
[内容预览]
1356 | 2009-07-02
Andy javascript 改变网页加载的CSS;这个是没有种cookie的,记录给自已。 程序代码<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" /><script>function changeStyl...
[阅读全文]
-
[组图] 学GOOGLE的一个特酷的效果实现的源码
[内容预览]
1356 | 2009-07-02
Andy GOOGLE的网页见:http://www.google.cn/hp?sp=china看了他的代码,太乱了,没有看明白。但明白原理的意思。自已写了一个,但我的javascript 不行,知道有很多地方可以优化,但不知道优化...
[阅读全文]
-
[图文] DIV网页布局入门
[内容预览]
1356 | 2009-07-02
Andy HTML代码点击下面的运行,可预览代码效果://获取一个对象function getByid(id) { if (document.getElementById) { return document.getElementById(id); } else if (document.a...
[阅读全文]
-
[组图] DL.DT.DD的布局简单例子 (1)
[内容预览]
1356 | 2009-07-02
Andy 这是今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方:1、如果用UL还布局,右边一栏比较麻烦;2、文字外边的边框自适应比较麻烦;3、很可能...
[阅读全文]
-
[组图] 一个跟链接图片有关的CSS的效果
[内容预览]
1356 | 2009-07-02
Andy 这个有人发邮件问我的一个效果,我想了一下,没有想出什么好的办法,用纯CSS; 用自已的办法虽然写出来的,代感觉这样实现实在是惭愧,不合理。真想用FLASH给他作一个同样的效果;效果我...
[阅读全文]
-
[图文] javascript 改变框架内网页的CSS
[内容预览]
1356 | 2009-07-02
Andy 例如,我在网页a.html中加了一iframe b.html . 在b.html 中我写了段: 程序代码<style>.abc{color:#000000}</style>现在我想在a.html中写段javascript去改变b.html中.abc的色彩。方法...
[阅读全文]
-
Firefox与IE下UL预设标记的异同 (1)
[内容预览]
1356 | 2009-07-02
Andy 列表UL或是OL中都有一个预设标记,这个标记可能是实点圆点,也可能是数字。在实际的应用中,我们需要去掉这个预设标记,但我们不清楚这个预设标记是存在于什么位置。因为IE与FF似乎在处...
[阅读全文]
-
[图文] 解读绝对路径absolute与相对路径relative
[内容预览]
1356 | 2009-07-02
Andy 很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什...
[阅读全文]
-
[图文] 倾斜的鼠标翻转导航制作上的烦恼 (1)
[内容预览]
1356 | 2009-07-02
Andy 前天网上有个朋友发给我一个页面让我帮她看一下为什么鼠标翻转实现不了。我打开源文件看了一下,发现她根本没有掌握一个鼠标翻转的特性。并且对于倾斜导航的思考也不足。虽然我当时看...
[阅读全文]
-
[图文] 怎样管理好样式
[内容预览]
1356 | 2009-07-02
Andy 学习WEB标准的朋友一般都是从学习CSS开始,为什么呢?因为CSS是一种很有意思的语言,它能让我们的网页千变万化。也许我们一开始的接触只是因为链接的样式修改,然后慢慢发现CSS的强...
[阅读全文]
-
XHTML代码的基本应用
[内容预览]
1356 | 2009-07-02
Andy 注:下文中原来关于ALT与TITLE属性的解释是错误的,经OLD9提醒现在已经更正,感谢老九对本文的校正!一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是...
[阅读全文]
-
display:inline;与float:left;的用途
[内容预览]
1356 | 2009-07-02
Andy 这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰(例一、例二),所以特此专文澄清两者之间的区别与特性。首先我们要明确,display:inline;与float:...
[阅读全文]
-
[图文] CSS自适应宽度按钮
[内容预览]
1356 | 2009-07-02
Andy 先来看张图片:原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok,看看代码吧。CSS: *{margin:0; padding:0;}body{pad...
[阅读全文]
-
[图文] 巧用overflow属性解决中间间距问题
[内容预览]
1356 | 2009-07-02
Andy 通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决...
[阅读全文]
-
结构中id与class的使用原则与技巧
[内容预览]
1356 | 2009-07-02
Andy 在前几日的文章中我提到过XHTML的重要性,在那篇文章中我讲了为什么说XHTML结构重要,重视XHTML结构的好处。但是那篇文章从开发的效率入手,并没有深入细节,而今天的这篇文章是讲XHTML...
[阅读全文]
-
块元素(block element)和 内联元素(inline element)
[内容预览]
1356 | 2009-07-02
Andy 块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。"form"这个块元素比较特殊,它只能用来容纳其...
[阅读全文]
