
div+css
wuha0
这个作者很懒,什么都没留下…
展开
-
第5天:head区的其他设置
这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。收藏夹小图标如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:为搜索引擎准转载 2012-03-29 10:18:36 · 475 阅读 · 0 评论 -
第3天:定义语言编码
第三步是定义你的语言编码,类似这样:为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。通常这样定义就可以了。但是要补充说明的是,XML文档并不是这样定义语言编码的,XML的定义方式如下:你在Macromedia.c转载 2012-03-15 10:27:37 · 349 阅读 · 0 评论 -
第2天:什么是名字空间
DOCTYPE声明好以后,接下来的代码是:通常我们HTML4.0的代码只是,这里的"xmlns"是什么呢?这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。名字空间是什么作用呢?阿捷自己的理解是:由于xml允许你自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生,转载 2012-03-15 10:25:34 · 417 阅读 · 0 评论 -
meta标签
意思是将IE8用IE7进行渲染,使网页在IE8下正常显示X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说,它是首选的兼容性模转载 2012-03-29 10:27:30 · 380 阅读 · 0 评论 -
第9天:第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。注:在实际应用过程转载 2012-03-29 10:23:46 · 514 阅读 · 0 评论 -
第4天:调用样式表
用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变转载 2012-03-29 10:17:26 · 522 阅读 · 0 评论 -
引用式样式表
CSS样式一共3中使用方法——内联式样式表 行样式 只能操作1个标签,细节灵活——嵌入式样式表 div{color:#000;}转载 2012-03-29 10:26:36 · 942 阅读 · 0 评论 -
如何使用CSS制作横向菜单
尽管在我的网站和文章里都有提到CSS制作菜单的方法,但很多初学者还是不太清楚如何实现,以及实现原理,我想专门写一篇详细教程会对大家比较有帮助。我们先来看一个菜单的例子,最终效果是:首页产品介绍服务介绍技术支持立刻购买联系我们然后我们来详细讲解步骤第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:首页产品介绍服务介绍技术支持立刻转载 2012-03-29 10:25:43 · 932 阅读 · 0 评论 -
第10天:自适应高度
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面):Body 这里是#header{ MARGIN: 0px; BO转载 2012-03-29 10:24:41 · 397 阅读 · 0 评论 -
第8天:CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子:#sample{ MARGIN: 10px 10px 10px 10px;PADDING:2转载 2012-03-29 10:21:55 · 423 阅读 · 0 评论 -
第7天:CSS入门
在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF}转载 2012-03-29 10:21:16 · 428 阅读 · 0 评论 -
第6天:XHTML代码规范
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。1.所有的标记都必须要有一个相应的结束标记以前在HTML中,你可以打开许多标签,例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:网页设计师" s转载 2012-03-29 10:20:28 · 506 阅读 · 0 评论 -
第1天:选择什么样的DOCTYPE
前言大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。好了,让我们开始吧第一天开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码,可以看到第一行就是:打开一些符合标准的站点,例如著名web设计软转载 2012-03-15 10:24:25 · 404 阅读 · 0 评论