学习Xhtml+CSS2的一些心得体会

自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会。为什么要学Xhtml+CSS2首先,规范的代码能在各种浏览器中顺利显示。一些不规范代码的网页在IE下能正常显示的,在Firefox和Opera上可能就无法正常显示。虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器,但不排除Firefox以及Opera等浏览器等逐渐增大的用户群,而这些人群多是对计算机较为精通的老鸟,被他们骂自己网站太垃圾的话我想滋味应该不好受,呵呵。
当然这也不是说使用table等做的网页就不符合标准,只是当前不少人习惯用Forntpage或是Dreamweaver来做设计,这些可视化的软件固然方便,但由此带来的问题也是多多,这些软件多多少少会自动增减一些代码,如果没有查看代码的习惯的话,很容易致使产生一下不规范代码。其次,DIV+CSS2使页面布局更加简单
说是Xhtml+CSS2,其实更多的时候是DIV+CSS2来构建网站。之前对页面进行布局或设置一下不错的效果的话,多采用大量的表格嵌套,通常对一个页面进行划分,多用单元格来描述区域,这样在WYSIWYG等软件中倒是比较直观,但这样影响的有几个方面,首先可能影响下载速度,其次对于手写代码来讲,这样的结构非常不直观,另外,牵扯到一个地方就是单元格的合并,假如你不小心搞错了一个colspan="?",那么整个页面的布局将面目全非。
而用CSS做布局,就像是在PS中对图层进行操作一样,因为CSS中有相对和绝对的概念,呵呵,这样对页面的布局就更加轻松和方便了。另外,Xhtml可以减小文件体积
虽说现在网速越来越大了,但谁不想自己的站点速度更快呢,有人还曾经说“世上最远的距离不是地球到太阳,而是中国电信到中国网通”,如果你在电信服务器上的站点被网通线路的用户浏览,网页文件大小势必也会影响浏览者的感受。而采用Xhtml则利于你解决这个问题,呵呵。鉴于以上几点,我开始逐渐习惯使用Xhtml+CSS2来构建网站。学习中的心得体会代码编写工具:由于现在还没有可视化的工具来编写Xhtml+CSS2页面,所以找到一个适合自己的代码书写工具是必须的,我一直在用Editplus,也像你推荐它,关于Editplus的一些使用技巧,可以看这里:
http://www.ifess.com/?p=23页面布局结构:对一个页面首先要有一个整体的布局,比如,header,menu,sidebar,content,footer等,通过定义这些元素的CSS属性页面一个整体的划分,之后在这些元素中再写具体的内容,这样就不会让页面看起来很乱。CSS写法:一个项目中,定义内容属性和结构布局属性属性值可以分开写,这样方便查找和修改。尽量减少重复定义,能继承的属性就不要再重复编写了。尽量使用兼容IE和Firefox的CSS属性值,因为有些属性写出来之后无法正常显示就等于做了无用功。Xhtml文件:尽量采用外挂链接调用CSS文件,对于只出现一次的CSS属性也可以采用文件内部书写的方式。书写代码时最好写注释,同时一定要注意对齐的格式,这样便于查错。暂时想起来这么些,欢迎大家来一起讨论。下面附一些常用的资源及链接:CSS2.0中文手册,韩国商业网站设计分析,色标2004,JS手册:
http://www.im286.com/viewthread.php?tid=875287
Xhtml1.0校验页面
http://validator.w3.org/checklink
CSS校验页面
http://jigsaw.w3.org/css-validator/
CSS在线优化:
http://flumpcakes.co.uk/css/optimiser/
文章出处:http://www.ifess.com/?p=70作者:落伍Ipv6,转载请注明。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


CSS雪碧图是一种将多个小图合并成一张大图的优化技术,能够减少请求次数,提升页面性能。但是,我们在使用雪碧图时,可能还需要为其中的某一个小图添加超链接。这该怎么实现呢?下面我们来介绍一下。
今天我来介绍一下如何使用CSS来实现图片上下移动位置的效果。 首先,我们需要在HTML中添加一个图片元素,并给它一个唯一的ID。比如:
CSS中,我们可以利用transition属性来为元素添加动画效果。与这个属性相关的其他属性包括transition-delay、transition-duration、transition-property和transition-timing-function。在这篇文章中,我们将聚焦于t
CSS中如何让li居中对齐 在Web开发中,经常需要用到无序列表(ul)来呈现一些内容,但是默认情况下,这些li元素是左对齐的。那么,如何让li元素居中对齐呢?下面是一些实用的CSS技巧。
CSS是一种用来控制网页样式的语言,它可以用来控制页面元素的位置、大小和颜色等,其中有一种很重要的功能就是对齐方式的控制。下面我们来看看具体如何使用CSS来对齐页面元素。
CSS中的图片等比例缩放是网页设计中常用的技巧之一,因为这样可以让图片在不改变其宽高比的情况下适应不同的屏幕尺寸。以下是实现图片等比例缩放的方法:
CSS是一门非常重要的网页设计语言,可以控制网页的布局、颜色、字体等各种属性。有时候我们可能需要在网页中不加颜色的字体,这时候就需要用到一些技巧来达到这个目的。
CSS3是一项新的技术,可以为我们的网站添加许多惊艳的动画和效果。其中一种常用的效果是3D旋转效果图,它可以使图片和文字在页面中呈现出立体效果。
在CSS中,我们可以通过一些技巧来实现图片一帧帧播放的效果。最关键的是利用CSS的animation属性,通过关键帧动画来实现。
CSS是一个用于控制网页外观的语言。CSS不仅可以设置元素的样式,还可以将多个元素组合起来并共享样式。其中,最常用的组合方式就是同时使用两个或更多类。
CSS是网页设计中非常重要的一部分,它可以为网页元素设置各种样式,其中我们经常需要为边框设置样式。下面我们来看一下如何使用CSS为边框设定样式。
CSS渐变是Web设计中经常使用的一种技术,它可以让网页元素颜色从一个颜色到另一个颜色平滑过度。从右到左的渐变效果也十分常见,接下来我们就来介绍一下如何实现这样的效果。
CSS提供了许多方式来美化我们的网页,其中一种就是在图片上加入蒙层。这种效果可以让图片更有层次感,更具有视觉冲击力。下面我们来看一下如何使用CSS在图片上添加蒙层。
CSS是网页设计中重要的一部分,它可以让网页更加美观和具有吸引力。其中,图片上加蒙板是一种常见的设计方式。
CSS图片上下翻转动画是一种常见的网页动画效果,可以提高网页的视觉吸引力。下面介绍一种简单的CSS实现方式。
CSS(层叠样式表)是网页设计中必不可少的一部分,它通过控制HTML元素的样式来美化网页排版。而与CSS相关的最重要的任务之一就是与浏览器建立关系,以确保网页能够顺利地在不同的浏览器上正常显示。
在进行网页设计时,经常会涉及到在图片上放置图片的需求。在这种情况下,就需要使用CSS技术来实现。然而,在实际操作中,有时候会发现放置的图片并不能正常显示,这就需要我们仔细检查代码,找出问题所在。
在网页设计中,css是一种十分重要的样式语言。其中,设置段落间距也是css中常见的一种样式操作。一般来说,我们可以通过margin和padding属性来实现这一功能。
CSS 图片三角形是一种非常有用的技巧,它可以通过纯CSS代码实现。这是Web设计和开发必不可少的技能之一,因为它可以使页面更加具有吸引力和美观。
在网页设计中,常常会用到在图片上添加另一张图片的效果。然而,有时候我们会遇到这样的问题:我们的浏览器看到了HTML代码中的标签,但是图片却没有显示出来。这种情况的解决方法就是注意CSS代码的书写。