初学解惑:学网页制作为什么一定要学CSS?

css|初学|网页

  学网页制作一定要学CSS吗?如果不学可以吗?这篇基础教程就告诉你是不是一定要学CSS?

  一个热门技术,CSS的发展的确有些缓慢。CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。一定要学CSS吗?有什么理由?

  下面是我的十大理由,不分排名先后:

  1、CSS将从基础开始建设直到全面替代传统web设计方法。W3C组织创建的CSS技术将替代HTML的表格、font标签、frames以及其它用于表现的HTML元素。

  2、提高页面浏览速度。使用CSS方法,比传统的web设计方法至少节约50%以上的文件尺寸。

  3、缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。

  4、.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。

  5、CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。

  6、提高易用性。使用CSS可以结构化HTML,例如:<p>标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

  7、可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。

  8、更好的控制页面布局。不用多说。

  9、表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
 
  10、更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

  看了这些,有何感觉?多看相关的文章、教程,步入CSS的天空吧!

时间: 2024-11-03 10:05:13

初学解惑:学网页制作为什么一定要学CSS?的相关文章

网页制作入门教程:关于css样式表

关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html). 2.会使用Dreamweaver等常用的网页编辑器. Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单.更方便.本教程教你如何利用Dreamweaver8在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS.不过首先

网页制作中养成良好的CSS编码习惯

css|编码|网页 1.为CSS选定正确的字符集. 这个问题可能没有引起很多人的注意,但是在网站开发的过程中,我发现为CSS选定正确的字符集是相当重要的,如果你的网页使用的是GB2312那就在CSS文件的顶部加上一句@charset "gb2312";这样能够保证CSS与网页保持使用同样的字符集,如果网页使用的是utf-8,那就在CSS文件顶部加上@charset "utf-8"; 2.正确规划CSS 通常情况下,我会在CSS文件的开始部分定义一些常用的样式,如下例

入门:初学ASP动态网页制作常用错误处理

初学|错误|错误处理|动态|网页 ASP错误处理 ASP是非常简单的,以至于许多的开发者不会去思考错误处理.错误处理能够让你的应用程序更加合理.我看到过很多个用ASP编写的商业网站,大多数都忽略了错误处理.   错误的类型 有三种主要的错误类型:  编译错误: 这种错误出现一般都是代码的语法问题.因为编译错误而导致辞ASP停止运行.  运行错误 这个错误是发生在你准备运行ASP时的.例如:如果你试图给一个变量赋值,但是却超出了该变量允许的范围.  逻辑错误 逻辑错误是最难被发现的,这种错误经常是

菜鸟学网页制作,遇到的问题??

问题描述 请教下,我下面是一个网页的布局,内容1始终不变,内容2中有链接,点击内容2中的链接,在内容3中打开我想要的打开的网页,请问不用框架,还有没有其它方法能实现. 解决方案 解决方案二:个人认为没有.解决方案三:用iframe实现.....解决方案四:一共三种方法framesetIframe母版推荐用母版页.解决方案五:DIV的布局也可以实现..母版解决方案六:ajax.....局部刷新

div和css网页制作:初学者使用div和css误区

文章简介:初学者用div+css结构写网页的几个误区. 网页的制作中对于用div和css结构写静态页目前已经很成熟,但许多新入行的朋友对于使用div和css结构还有很多误区,这些误区也是我曾经经历过的并且被"老鸟"指正的地方,所以总结下来分享给大家,希望对写网页有所帮助. 1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布局没有一定的语义

网页制作知识:浅谈CSS编码与组织技巧

css|编码|技巧|网页 如何让 CSS 代码简洁而易于编写?这恐怕是许多开发者都关心的问题.我想,大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 CSS 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间. 组织你的样式表 尽管我们有种种 CSS 的开发工具,比如 TopStyle,比如 StyleMaster,它们可以让你对当前这个样式表里面定义了哪些规则,涉及哪些 class,哪些 ID 一目了然,但这不等于说你

网页制作知识之详细讲解CSS选择符

css|网页 一.选择符模式 模式/含义/内容描述 * 匹配任意元素.(通用选择器) E 匹配任意元素 E (例如一个类型为 E 的元素).(类型选择器) E F 匹配元素 E 的任意后代元素 F .(后代选择器) E > F 匹配元素 E 的任意子元素 F .(子选择器) E:first-child 当元素 E 是它的父元素中的第一个子元素时,匹配元素 E .(:first-child 伪类) E:link E:visited 如果 E 是一个目标还没有访问过(:link)或者已经访问过(:v

网页制作技巧文章之用CSS定义滚动条的颜色

css|技巧|网页 请看下面的案例.这组代码可能并不具有观赏性,但是它改变了传统滚动条的样式.你可以通过改变其中的代码来创建你所喜欢的滚动条样式.事实上,这些代码都极具自我描述性.不管怎样,还是让我们好好看看吧!<STYLE TYPE="text/css"> BODY { scrollbar-face-color: green; scrollbar-shadow-color: blue; scrollbar-highlight-color: black; scrollbar

CSS技巧汇总:网页制作常用的22个CSS技巧

文章简介:22个必须知道的css技巧. 1.改变选中文字的背景和颜色 <PRE style="LINE-HEIGHT: 24px; WIDOWS: 2; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 0px 0px 10px; ORPHANS: 2; LETTER-SPACING: no