这是一篇很久以前的文章了，现在看来，其中的思想很值得大家学习，在jb51.net学习案例的同时，不仿学习一些理论的知识，对您知识的突破会很有帮助。大家加油！ 自从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》（第2版）一书，感受颇深，坚定了我用web标准的思想，去开发实践我们的项目。但是仅知道一些什么是web标准以及如何应用到实际项目中，还是远远不够的。必须对web标准中的每...
虽然你认为可能原因是浏览器问题，但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是： " link - visited - hover - active "或" LVHA "(缩写)。 核心内容： 每个选择符selector都有一个“specificity”如果两个selectors应用于同一个元素,具有较高specificity的选择符将胜出，具有优先权。例如： P.hithere {color: green;} /* specificity = 1,1 */P {color: red;} /* specificit...
设置锚点 同页跳转 返回顶部 不同页跳转 跳转到test.htm页面顶部 顺便的提一下mailto，以前丝毫没有了解过mailto还有邮件主题“subject”添加的属性 一个完整的mailto语法是这样的写信给我
今天，这篇文章列举了圆形元素在网页设计中应用得非常好的例子，向您展示美丽的圆形按钮，菜单，图片和其他细节。你会看到，如果设计得当，圆形的应用可以让你的网站界看起来相当独特新颖。Lucia Soto 圆形元素也可以作为布局的主题部分。Alexarts 多彩的圆形元素，非常漂亮。Cappen 主题图片以圆形轮廓为基础。Teixid 优雅漂亮的圆形元素。Cat Rabbit 头部和尾部都布置了圆形元素，挺不错。Awesome 显眼的圆形导航按钮。Youandigr...
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLook Express以及Foxmail等。 但是由于各操作系统和邮件客户端对 mailto 事件连接的处理不一致，所以在实际应用的时候需要注意； 1.基本语法 send email 或者 ...
在当今的开发环境之下，快即是好。 当今诸如“快速应用开发 ”，“敏捷软件开发 ”以及“异步JavaScript和XML “（如今我们甚至无法耐心地等待网页的重新载入）等流行词汇和术语让你见识到究竟身处于怎样一个快节奏的世界当中。 但是做事赶时间并不意味着你工作要加班加点——你工作时需要动些脑筋。此文，将为你提供缩短网页应用开发的十大省时技巧。 一、使用框架框架提取出了常规代码，给你编写网页应用提供了一个基本的构造和基...
大家可能会经常看到一些HTML里都带有data属性，这些都是HTML5的自定义属性，可以做很多事情，直接调用JS十分方便，虽然是HTML5的属性，但好在jQuery通用的，所以基本在所有浏览器里都是可以正常使用的，包括低版本的IE。下面为大家简单介绍一下使用方法： 1、简单使用 代码如下: 代码如下: $(function(){ var _widget= $("#widget").attr("data-text"); alert(_widget);//因为data-text="123456"，所以打印出123456 }) 2、配合...
Enctype ：指定将数据回发到服务器时浏览器使用的编码类型。用于表单里有图片上传。 编码类型有以下三种： application/x-www-form-urlencoded： 在发送前编码所有字符（默认）。这是标准的编码格式。 multipart/form-data： 不对字符编码，在使用包含文件上传控件的表单时，必须使用该值。 text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。 例子： 代码如下: 表单中enctype="multipart/form-data"的意思...
对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？ 1、Meta 之 viewport 说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对...
包括复选框，单选按钮的使用 代码如下: 登录界面 登录界面 实际效果： 登录界面
无序表的应用嵌套 代码如下: 无序表应用 中国的省份城市 山东 潍坊 济南 烟台 广东 广州 深圳 东莞 江苏 南京 苏州 无锡 效果： 中国的省份城市
HTML标签：上标 在HTML语言中， 标签可定义上标文本。例如：要求显示：2个氧离子，在html代码中则需要写成：2O2-。 2O2- 包含在 标签和其结束标签 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。 提示：这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 标签结合起来使用，就可以创建出很好的超链接脚注。 HTML标签：下标 在HTML语言中， 标签可定义下...
一、HTML中多媒体的应用_falsh动画（往网页中插入Flash动画） 1. Flash动画插入第一种方法：使用...标记动画会自动缩小 属性：src=url(Flash路径)width=像素/百分比（flash宽度）height=像素/百分比(falsh高度)wmode window 使 flash 自身的矩形窗口来播放opaque 使 flash 隐藏页面上位于它后面transparent 使 flash的 背景透明2.Flash动画插入的第二种方法： 使用...标记插入 flash 动画,也可以通过DW这个软件自动生成代码,插入--...
你怎么能提高网页性能？大多数开发者会通过JavaScript和图片来优化，通过服务器配置，压缩文件和合并文件 - 甚至调整CSS（合并小图片）。 可怜的HTML老是被忽视，尽管它一直是网络的核心语言。HTML正在变得越来越大。排名前100的网站每个HTML页面大多在40K左右。亚马逊和雅虎使用上千个HTML页面。在youtube.com主页面，HTML元素高达3500个。减少的HTML复杂性和一个页面的元素数量并不会明显提高解析时间 - 但HTML是构建极速网页，和...
li的简单应用 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal normal normal ?px/2em helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif') no-repeat left center; padding-left:20px; } 测试列表的 测试列表的 测试列表...