当前位置：网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
文章标题关闭所有内容预览 | 展开所有内容预览
-
如何像表格table一样对层div进行轻松布局
[内容预览]
1356 | 2009-07-02
Andy 下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧。 许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里...
[阅读全文]
-
[图文] Web 标准实践系列（一）:解析Google 的首页
[内容预览]
1356 | 2009-07-02
Andy 今天我们来学习用 Web 标准的方法来制作 Google 首页（中文）。Google 首页一直是用 table 布局的。我们把 Google 首页用 PrtScr 截屏，作为制作时的设计稿参考，并且不打开 Google...
[阅读全文]
-
Web 标准实践系列（二）：解析豆瓣的首页 (1)
[内容预览]
1356 | 2009-07-02
Andy 前言下文中的例子以豆瓣用户登录后的页面为基础，各人显示的内容可能有所差别； 这次并不强求像素级的一致，特别是行距、间距部分可能有细微出入； 理解本文需要你对 HTML 和 CSS 有...
[阅读全文]
-
[图文] 空格的宽度 (1)
[内容预览]
1356 | 2009-07-02
Andy 首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有 0~3px 的差异（由于 kerning table 的不同），但...
[阅读全文]
-
CSS学习者:2008年不要作浮躁的人
[内容预览]
1356 | 2009-07-02
Andy 新的一年，新的开始！网页教学网与各位共勉！本文写给CSSer同仁——请不要做浮躁的人 不要被对象、属性、方法等词汇所迷惑；最根本的是先了解最基础知识； 不要放过任...
[阅读全文]
-
web标准很立体的CSS按钮菜单效果
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<style type="text/css">#menu {display:block; position:relative; background:#edebdc; width:112px; padding:25px; border:1px solid #000; margin:0 auto;}.white {pos...
[阅读全文]
-
[图文] css效果：默认图片是灰色鼠标放上去变彩色
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<STYLE type=text/css>A IMG { FILTER: gray}A:hover IMG {FILTER:}</STYLE><title>默认图片是灰的鼠标放上去变亮变清晰了</title><A href="http://www.cnwebshow.com...
[阅读全文]
-
css实现网易滑动门TAB导航菜单
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<!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/xhtm...
[阅读全文]
-
CSS实现始终在页面底部的层效果
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<br><TEXTAREA id=runcode0 rows=9 cols=72><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...
[阅读全文]
-
网页设计里面的关键词高亮显示代码
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<!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/xhtm...
[阅读全文]
-
126邮箱TAB效果代码(同一页面可多次使用)
[内容预览]
1356 | 2009-07-02
Andy 源码如下：<br><TEXTAREA id=runcode0 rows=9 cols=72><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ><!--Editor:weaslehttp://www.hxcgw.comEmail:weasle@163.com...
[阅读全文]
-
防止乱码，请将用于页面编码的meta charset放到title的前面
[内容预览]
1356 | 2009-07-02
Andy 通常我们放置的顺序是先title，再charset，就像下面的：< title>我的页面title＜/title>< meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 现在请将它们顺...
[阅读全文]
-
DIV+CSS架构中不推荐使用的标签
[内容预览]
1356 | 2009-07-02
Andy 做DIV+CSS页面，不推荐使用的标签代码，请尽量不要使用这些HTML标签：Do not use these html elements in html pages. Presentational elements should not be used. Support for some ...
[阅读全文]
-
让文本框textarea自动适应内容的高度
[内容预览]
1356 | 2009-07-02
Andy 代码如下：<textarea style="width:300px;overflow-y:visible">输入你的内容来这里看看，，这个文本框能自动适应你的内容多少，自动伸缩高度 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
[阅读全文]
-
span div p 之间的区别
[内容预览]
1356 | 2009-07-02
Andy HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。...
[阅读全文]
-
定义LI前面的小点样式
[内容预览]
1356 | 2009-07-02
Andy 语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-gre...
[阅读全文]
-
可恶的IE6双倍浮动BUG及解决办法
[内容预览]
1356 | 2009-07-02
Andy 制作页面时常会碰到IE6双倍浮动BUG,以前我的解决方法就是多写一行CSS HACK如：margin-left:12px;-margin-left:6px;这种方法虽然有效,但在讲究完美的coder来说使用CSS HACK是不能接受...
[阅读全文]
-
表单中文字与Input垂直居中对齐
[内容预览]
1356 | 2009-07-02
Andy 最近跟表单经常打交道，经常出现文字与所对应该的input不能垂直居中对齐的问题(文字默认是与input底部对齐的),查找了下css2.0帮助手册,找到了解决办法，原来是这么easy.<p><input typ...
[阅读全文]
-
左右容器高度对齐的JS写法
[内容预览]
1356 | 2009-07-02
Andy JS判断当前URL对当前链接高亮显示,重点是用到了indexOf来判断两个字符串中第一次出现的位置,如果没有出现就返回-1,出现就返回其它,并与返回其它结果的那个字符串所在元素定义一个cl...
[阅读全文]
-
[图文] 页面下载速度优化的一点思考
[内容预览]
1356 | 2009-07-02
Andy 网站首页代码已经达到1000多行,另外17k大小的主css文件与几个内部,外部的js文件(速度主要是内容的N多图片下载及外部的JS文件所拖累的) 所以第一步就是整理所有的JS文件,把整个外...
[阅读全文]
-
[图文] 仿163邮箱的按钮效果
[内容预览]
1356 | 2009-07-02
Andy 163邮箱是用JS来实现的，我这里用到了CSS伪类 hoverDemo http://www.qqdang.net/code/mail163/HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www....
[阅读全文]
-
div css布局结构语义与兼容相关影响
[内容预览]
1356 | 2009-07-02
Andy div + css 不等于xhtm+css，这种说法有一定的误解。这里涉及到一个标签语义的问题。div + css这种说法最大的不合理就是，容易使初学者忽略了其他标签。也容易忽略了标签所包含的意义。许...
[阅读全文]
-
根据分辨率不同调用不同的css文件
[内容预览]
1356 | 2009-07-02
Andy 根据分辨率不同，调用不同的css文件<SCRIPT LANGUAGE="javascript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; ...
[阅读全文]
-
表格边框阴影和背景渐变效果
[内容预览]
1356 | 2009-07-02
Andy 表格边框阴影效果，先看代码：以下是引用片段：<style> table{filter:progid:DXImageTransform.Microsoft.Shadow (Color=#333333,Direction=120,strength=5)} </style> <table ali...
[阅读全文]
-
网页如何居中对齐？
[内容预览]
1356 | 2009-07-02
Andy 在经典论坛里看到一些网友对于非表格布局的网页居中还是不知怎么做，做了也不是很理解。这里我想讲一下如何进行网页的居中。 我写网页是包在一个叫 #container 的DIV中的，所以这里...
[阅读全文]
-
以图换字的几个方法及思路
[内容预览]
1356 | 2009-07-02
Andy 今天有个朋友做网页的时候遇到个问题：想保留链接的背景，但又要链接里的文字消失！可是弄了半天一直没办法把这个文字去掉。我想很多学标准的朋友都遇到过这个问题，这里我把常用的几个...
[阅读全文]
-
[图文] 标准下隔行换色的思考
[内容预览]
1356 | 2009-07-02
Andy 我们以前在DW中用表格布局着我们的网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设...
[阅读全文]
-
font-size的控制 em与px的终极PK！
[内容预览]
1356 | 2009-07-02
Andy 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后后确实收获很...
[阅读全文]
-
[组图] 布局篇(1)—If you love css … (1)
[内容预览]
1356 | 2009-07-02
Andy 从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。如果你是一个初学者，很可能觉得做一个网页的第一步就是布局。其实不然，css网页的设计过程可以参考...
[阅读全文]
-
[图文] 布局篇(2)—If you love css … (1)
[内容预览]
1356 | 2009-07-02
Andy 上篇讲的布局(切割)方法相信大家己经掌握，其特点是用固定宽度(fixed-width)来实现页面内各个元素的显示效果，简单实用，易于掌握。本篇将讲述其他相对高级的布局方法。布局的分类,根据...
[阅读全文]
