预览模式: 普通 | 列表

  WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为 (Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA(European Computer Manufacturers Association)的ECMAScript标准。

  1.结构标准语言

  (1)XML

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2718

css sprite的使用及其优缺点

 

原理

  我们知道,自CSS革命以降,HTML倾向于语义化,在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的, 少不了各种漂亮的图来装点。新时代的生产方式是,在HTML布满各种各样的钩子(hook),然后交由CSS来处理。在需要用到图片的时候,现阶段是通过 CSS属性background-image组合background-repeat, background-position等来实现(题外话:为何我提现阶段,因为未来浏览器若支持content则又新增另外的实现方法)。我们的主角是,你一定猜到了,就是background-position。通过调整background-position的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片位置的改变,你看到只该看到的而已。就好比手表上的日期,你今天看到是21,明天看到是22,是因为它的position往上跳了一格。所以你也大概了解到,CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2876

css在IE6中的bug集合

1.3px偏移BUG

 问题描述:浮动元素与非浮动元素相邻(包括横向和纵向的相邻),会产生3px偏移;

此文甚佳,查看全文 »

Tags: CSS bug

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3374

俞敏洪经典语录

我们人的生活方式有两种方式
第一种方式是像草一样活着
你尽管活着
每年还在成长
但是你毕竟是一颗草

 

此文甚佳,查看全文 »

Tags: 俞敏洪

分类:个人网志※网络转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3924

常用的前端开发工具

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3045

Since the official announcement of W3C to stop working on the development of XHTML 2 in the end of 2009 and increase resources on HTML 5 instead, there has been a lot of confusion and various debates about the “proper”markup language for modern and future web-development. With XHTML 1.0, XHTML 2, HTML 4, HTML 5 and XHTML 5 we have so many languages that it’s really getting hard to keep track!

此文甚佳,查看全文 »

Tags: html5 xhtml

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2500

语义化你的HTML标签和属性

  分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题。

  首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标 签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字 号。<strong>,<em>用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。

此文甚佳,查看全文 »

Tags: 语义化

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2545

《我的父亲母亲》影评

  这是个爱情故事。所有的爱情故事都是相似的:相遇,相知,相爱。如果导演决定个给你个好结局,那最后就是“他们最后幸福的生活在一起。”如果导演想给你个纠结的结局,那结尾就有好多,就不一一列举了。正好印证了那句话:天下的幸福的原因都是相似的,不幸却是各有个的原因。

  《我的父亲母亲》满足一个爱情片的必要元素:他们相遇,身穿红色棉袄的招弟和意气风发的青年教师;他们熟悉,蜿蜒的小道和温暖的阳光,还有金黄色漂亮的一塌糊涂的树林是他们的背景;他们别离,绝尘而去的马车和招弟追赶的脚步;他们相守,直到房梁上的“红”再也找不到当年的色彩。还有适时响起的悠扬的配乐,无不让人感动。没有生离死别国恨家仇,没有突然出现的第三者或者蛮横势利的婆婆,没有金钱和利益的权衡,简单到让人心生恍惚——原来爱也可以这样。

此文甚佳,查看全文 »

Tags: 影评 爱情

分类:个人网志※网络转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7559

关于使用手机飞信

  飞信是个很实惠的软件。发短信不算条数,不要钱。每天最高限制600条,每月最高10000条。感觉很是不错。但是在实际使用中,一些人并不知道飞信中的一些秘密或者是使用技巧。在这里和大家分享!

  一、揭秘飞信

此文甚佳,查看全文 »

Tags: 飞信

分类:生活常识※影音娱乐 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8142

IE6 IE7 FifeFox下CSS的hack写法

区别IE6/IE7/FifeFox的CSS hack写法:

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3339

常用图片尺寸大小

常见证件照对应尺寸:

1英寸照片尺寸:3.8厘米×2.7厘米;

此文甚佳,查看全文 »

Tags: 尺寸

分类:生活常识※影音娱乐 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4481

在Vista下安装IIS7

  同Windows XP类似,在Windows Vista的大部分版本中,除Home与Starter外,集成了IIS (Internet 信息服务),版本升级为 7.0。

  第一步:在windows vista下面IIS7的安装方法。打开控制面板->程序->程序和组件,单击“打开或关闭Windows功能”。

此文甚佳,查看全文 »

Tags: IIS

分类:软件资源※技术教程 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3974