今天做SAMESHOW的页面的时候…发现由于以前的同事写的代码在IE6下乱了…然后IE的X轴拉好长…没时间来把整个站做重构…就想到去掉X轴…呵呵… *{overflow-x:hidden;} /*——去掉X轴滚动条———-*/ *{overflow-y:hidden;}/*——去掉Y轴滚动条———-*/
Tags: css
今天做SAMESHOW的页面的时候…发现由于以前的同事写的代码在IE6下乱了…然后IE的X轴拉好长…没时间来把整个站做重构…就想到去掉X轴…呵呵… *{overflow-x:hidden;} /*——去掉X轴滚动条———-*/ *{overflow-y:hidden;}/*——去掉Y轴滚动条———-*/
Tags: css
第四章 XML语法 提纲: 一.XML语法规则 二.元素的语法 三.注释的语法 四.CDATA的语法 五.Namespaces的语法 六.entity的语法 七.DTD的语法 通过前面三章的学习,我们已经对什么是XML,它的实现原理以及相关的术语有所了解。接下来我们就开始学习XML的语法规范,动手写自己的XML文档。 一.XML语法规则 XML的文档和HTML的原代码类似,也是用标识来标识内容。创建XML文档必须遵守下列重要规则: 规则1:必须有XML声明语句 这一点我们在上一章学习时已经提到过。声明是XML文档的第一句,其格式如下: <?xml version=”1.0″ standalone=”yes/no” encoding=”UTF-8″?> 声明的作用是告诉浏览器或者其它处理程序:这个文档是XML文档。声明语句中的version表示文档遵守的XML规范的版本;standalone表示文档是否附带DTD文件,如果有,参数为no;encoding表示文档所用的语言编码,默认是UTF-8。 规则2:是否有DTD文件 如果文档是一个”有效的XML文档”(见上一章),那么文档一定要有相应DTD文件,并且严格遵守DTD文件制定的规范。DTD文件的声明语句紧跟在XML声明语句后面,格式如下: <!DOCTYPE type-of-doc SYSTEM/PUBLIC “dtd-name”> 其中: “!DOCTYPE”是指你要定义一个DOCTYPE; “type-of-doc”是文档类型的名称,由你自己定义,通常于DTD文件名相同; “SYSTEM/PUBLIC”这两个参数只用其一。SYSTEM是指文档使用的私有DTD文件的网址,而PUBLIC则指文档调用一个公用的DTD文件的网址。 “dtd-name” 就是DTD文件的网址和名称。所有DTD文件的后缀名为”.dtd”。 我们还是用上面的例子,应该写成这样: <?xml version=”1.0″ standalone=”no” encode=”UTF-8″?> <!DOCTYPE filelist SYSTEM “filelist.dtd”> 规则3:注意你的大小写 在XML文档中,大小写是有区别的。<P>和<p>是不同的标识。注意在写元素时,前后标识大小写要保持一样。例如:<Author>ajie</Author>,写成<Author>ajie</author>是错误的。 你最好养成一种习惯,或者全部大写,或者全部小写,或者大写第一个字母。这样可以减少因为大小写不匹配产生的文档错误。 规则4:给属性值加引号 在HTML代码里面,属性值可以加引号,也可以不加。例如:<font color=red>word</font>和<font color=”red”>word</font>都可以被浏览器正确解释。 但是在XML中则规定,所有属性值必须加引号(可以是单引号,也可以是双引号),否则将被视为错误。 规则5:所有的标识必须有相应的结束标识 在HTML中,标识可能不是成对出现的,比?lt;br>。而在XML中规定,所有标识必须成对出现,有一个开始标识,就必须有一个结束标识。否则将被视为错误。 规则6:所有的空标识也必须被关闭 空标识就是标识对之间没有内容的标识。比如<br>,<img>等标识。在XML中,规定所有的标识必须有结束标识,针对这样的空标识,XML中处理的方法是在原标识最后加/,就可以了。例如: <br>应写为<br />; [...]
Tags: XML
第三章 XML的术语 提纲: 导言 一.XML文档的有关术语 二.DTD的有关术语 导言 初学XML最令人头疼的就是有一大堆新的术语概念要理解。由于XML本身也是一个崭新的技术,正在不断发展和变化,各组织和各大网络公司(微软,IBM,SUN等)都在不断推出自己的见解和标准,因此新概念漫天飞就不足为奇了。而国内又缺乏权威的机构或组织来对这些术语正式定名,你所看见的有关XML的中文教材大部分是靠作者本身的理解翻译过来的,有些是正确的,有些是错误的,更加妨碍了我们对这些概念的理解和学习。 你下面将要看到的关于XML术语的解释,也是作者本身的理解和翻译。阿捷是以W3C组织发布的XML1.0标准规范和相关的正式说明文档为根据来讲述。可以确保这些理解是基本正确的,至少不是错误的。你如果想进一步阅读和了解,我在本文的最后部分列明了相关资源的出处和链接,你可以直接访问。好,我们转入正题: 一.XML文档的有关术语 什么是XML文档?知道HTML原代码文件吧,XML文档就是用XML标识写的XML原代码文件。XML文档也是ASCII的纯文本文件,你可以用Notepad创建和修改。XML文档的后缀名为.XML,例如myfile.xml。用IE5.0以上浏览器也可以直接打开.xml文件,但你看到的就是”XML原代码”,而不会显示页面内容。你可以将下面代码存为myfile.xml试试: <?xml version=”1.0″ encoding=”GB2312″?> <myfile> <title>XML轻松学习手册</title> <author>ajie</author> <email>ajie@aolhoo.com</email> <date>20010115</date> </myfile> XML文档包含三个部分: 1. 一个XML文档声明; 2. 一个关于文档类型的定义; 3. 用XML标识创建的内容。 举例说明 <?xml version=”1.0″?> <!DOCTYPE filelist SYSTEM “filelist.dtd”> <filelist> <myfile> <title>QUICK START OF XML</title> <author>ajie</author> </myfile> …… </filelist> 其中第一行<?xml version=”1.0″?>就是一个XML文档的声明,第二行说明这个文档是用filelist.dtd来定义文档类型的,第三行以下就是内容主体部分。 我们来了解XML文档中有关的术语: 1.Element(元素): 元素在HTML我们已经有所了解,它是组成HTML文档的最小单位,在XML中也一样。一个元素由一个标识来定义,包括开始和结束标识以及其中的内容,就象这样:<author>ajie</author> 唯一不同的就是:在HTML中,标识是固定的,而在XML中,标识需要你自己创建。 2.Tag(标识) 标识是用来定义元素的。在XML中,标识必须成对出现,将数据包围在中间。标识的名称和元素的名称是一样的。例如这样一个元素: <author>ajie</author> 其中<author>就是标识。 3.Attribute(属性): [...]
第二章 XML概念 导言 经过第一章的快速入门学习,你已经知道了XML是一种能够让你自己创造标识的语言,它可以将数据与格式从网页中分开,它可以储存数据和共享数据的特性使得XML无所不能。如果你希望深入学习XML,系统掌握XML的来龙去脉,那么我们首先还是要回到XML概念的问题上来。XML(Extensible Markup Language),一种扩展性标识语言。”扩展性””标识””语言”。每一个词都明确的点明了XML的重要特点和功能。我们来仔细分析: 一. 扩展性 二. 标识 三. 语言 四. 结构化 五. Meta数据 六. 显示 七. DOM 一.扩展性—使用XML,你可以为你的文档建立自己的标记(tags)。 XML的第一个词是”扩展性”,这正是XML强大的功能和弹性的原因。 在HTML里,有许多固定的标记,我们必须记住然后使用它们,你不能使用HTML规范里没有的标记。而在XML中,你能建立任何你需要的标记。你可以充分发挥你的想象力,给你的文档起一些好记的标记名称。比如,你的文档里包含一些游戏的攻略,你可以建立一个名为<game>的标记,然后在<game>下再根据游戏类别建立<RPG>,<SLG>等标记。只要清晰,易于理解你可以建立任何数量的标记。 一开始你也许会不适应,因为我们在学习HTML时,有固定的标记可以直接学习和使用;(很多人包括我自己都是边分析别人的代码和标识,边建立自己的网页),而XML却没有任何标记可以学,也很少有文档的标记是一模一样的。我们怎么办?呵呵,没有就自己创建呀。一旦你真正开始写XML文档,你会发现随心所欲的创造新标记也是一份很有趣的事。你可以建立有自己特色的标记,甚至建立你自己的HTML语言。 扩展性使你有更多的选择和强大的能力,但同时也产生一个问题就是你必须学会规划。你自己要理解自己的文档,知道它由哪几部分组成,相互之间的关系和如何识别它们。 关于建立标识还需要说明一点,标识是描述数据的类型或特性,比如<width>,年龄<age>,姓名<name>等,而不是数据的内容,比如:<10pxl>,<18>,<张三>,这些都是无用的标记。如果你学过数据库,你可以这样理解,标识就是一种字段名。 二.标识—使用XML你可以识别文档中的元素。 XML的第二个词是”标识”,这表明了XML的目的是标识文档中的元素。 不论你是HTML,还是XML,标识的本质在于便于理解,如果没有标识,你的文档在计算机看来只是一个很长的字符串,每个字看起来都一样,没有重点之分。 通过标识,你的文档才便于阅读和理解,你可以划分段落,列明标题。XML中,你更可以利用其扩展性 来为文档建立更合适的标识。 不过,有一点要提醒大家注意:标识仅仅是用来识别信息,它本身并不传达信息。例如这样的HTML代码: <b>frist step<b> 这里<b>表示粗体,只用来说明是用粗体来显示”frist step”字符,<b>本身并不包含任何实际的信息,在页面上你看不到<b>,真正传达信息的是”frist step “。 三.语言—使用XML你要遵循特定的语法来标识你的文档。 XML第三个词是”语言”。这表明了作为一种语言XML必须遵循一定的规则。虽然XML的扩展性允许你创建新标识,但它仍然必须遵循特定的结构,语法和明确的定义。 在计算机领域,语言常常表示一?quot;程序语言”,用来编程实现一些功能和应用,但不是所有的”语言”都是用来编程的,XML就只是一种用来定义标识和描述信息的语言。 下面我们来深入了解一下XML应用的其本原理,可能会很枯燥,但是对于整体的理解很重要,你可以先快速过一遍,心里有一个模糊的概念,具体精髓则需要在实践中慢慢领会。 四.结构化—XML促使文档结构化,所有的信息按某种关系排列。 “结构化”听起来太抽象了,我们这样理解,结构化就是为你的文档建立一个框架,就象写文章先写一个提纲。结构化使你的文档看起来不会杂乱无章,每一部分都紧密联系,形成一个整体。 结构化有两个原则: 1.每一部分(每一个元素)都和其他元素有关联。关联的级数就形成了结构。 2.标识本身的含义与它描述的信息相分离。 我们来看一个简单的例子帮助理解: <?xml version=”1.0″ encoding=”GB2312″?> <myfile> <title>XML轻松学习手册</title> <chapter>XML快速入门 <para>什么是XML</para> [...]
前言 XML越来越热,关于XML的基础教程网络上也随处可见。可是一大堆的概念和术语往往让人望而生畏,很多朋友问我:XML到底有什么用,我们是否需要学习它?我想就我个人学习过程的心得和经验,写一篇比较全面的介绍文章。首先有两点是需要肯定的: 第一:XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解,等待只会让你失去机会; 第二:新知识肯定会有很多新概念,尝试理解和接受,您才可能提高。不要害怕和逃避,毕竟我们还年轻。 提纲 本文共分五大部分。分别是XML快速入门,XML的概念,XML的术语,XML的实现,XML的实例分析。最后附录介绍了XML的相关资源。作者站在普通网页设计人员的角度,用平实生动的语言,向您讲述XML的方方面面,帮助你拨开XML的神秘面纱,快速步入XML的新领域。 第一章:XML快速入门 一. 什么是XML? 二. XML是新概念吗? 三. 使用XML有什么好处? 四. XML很难学吗? 五. XML和HTML的区别 六. XML的严格格式 七. 关于XML的更多 一. 什么是XML?
Tags: XML
//显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space other text content
Tags: css顺序
首先我自己也是一个做网站的,我也不知道我为什么要做网站,我也不知道我做了网站为什么。但是我记得好象有这么一句话:“网络上天天都有惊喜,网络是一个创造奇迹的地方”,所以我天天呆在网上,也许就是为了遇见这个奇迹吧。 我相信很多站长,很多技术总监和我一样,我们是一些都是中午才起床,半夜还没睡觉的人,在别人眼力,我们像一个疯子,或可以用有病来形容,因为我们和其他玩游戏的人一样,也是经常忙通宵。 首先站长,SEO,网络工作者,等等,我们其实是很痛苦的,首先,我们是孤独的,我们是空虚的,我每天呆在电脑面前16小时,我也不知道我为什么呆在这,我很难找到一个志同道合的人,想认识一个牛站长,那是不可能的,人家很忙,而且确实是很忙,而且我们找他也是没有目的找,人家肯定不会理你了;同时没我们厉害的人,我们也不想去理,一个老问你一些你2年前就知道的东西,而且很多都可以通过网络找到的东西,你会有兴趣一直回答吗?你会和他很有谈话的激情吗?我想应该没有吧。我们是孤独的。这个是自己的乐趣自己体会。 其次,个人站长在网上赚了钱,又有麻烦了,和父母说,老妈对我说:”儿子啊,家里还有钱,不要在外面做违法的事啊“ ,邻居说:”隔壁岳贵小子吹牛不打草稿,都吹上天了,比他爸还会吹“,不想和任何说我的收入,要是别人问我收入怎么样,我肯定会答:”还能吃饱,目前还饿不死“。这样的问题问的很多,对于这个问题我真的不知道怎么回答,这个是和别人交流的痛苦。 在次还会有一个上网综合症:比如看广告会注意看玉米,哈哈,这玉米没我的好,看杂志,看看后面,这杂志居然没网站,要不要抢了他的玉米,呵呵。走在路上,站在十字路口,心里想,这条街的流量还不错嘛,什么时候来这买个广告,HOHO,在外面和朋友聊天的时候,记得以前流行老鼠爱大米的,我会不自觉的说,老鼠爱大米这个域名是我的,现在我想不少人会说周笔畅是我的,李宇春是我的,张靓颖是我滴。HAHA。 最后站长基本都是感情专一的,在网上肯定会和别人聊聊哪有美女啊,那个E话通节目又开始了什么的,可站长不会出去泡MM,因为没时间,我们要上网;所以女的千万不要嫁给做网站的,虽然他们很专一,可他们没情调,不会陪你去买包包,意趣上定个就可以了,不会陪你去电影院看电影,我们自己网站上有。
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left 方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下: margin:1em 0 2em 0.5em; 边框(border) 边框的属性如下: border-width:1px; border-style:solid; border-color:#000; 可以缩写为一句:border:1px solid #000; 语法是border:width style color; 背景(Backgrounds) 背景的属性如下: background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0; 可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0; 语法是background:color image repeat attachment position; [...]
Tags: CSS缩写
<style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:absolute; margin:-150px;} </style> <div id=”info”> <div id=”center”>t</div> </div> 来自子鼠
Tags: Web Standards