CSS初学者应该保持的一种心态

所属分类: 网页制作 / CSS 阅读数: 583
收藏 0 赞 0 分享
  前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。
  打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得有几句话想说给初学者。
  97年,我开始接触网络,然后开始做网页,直到现在,十年的时间,让我觉得自己有资格说这些,毕竟,我也是从一个“小白”开始。
  一、基础学习

  无论学什么,想做出些样子来,都是要付出时间与精力的。
  网页制作看着很简单,用软件(比如word)都能输出,但是要想做好也不容易,特别是如果想拿网页制作当作养家糊口的本事来做的。那么,拿出点儿时间来看看html和css的基础知识,是必须的。而不是要用到什么就跑去论坛或者群里问,下次再遇到又问。
  听过那个相声么?“这个问题我不能马上告诉你,马上告诉你你印象不深。”
  事实上就是这样,别人告诉你一句,只能是短期记忆,只有自己查资料甚至走了弯路总结出来的东西才印象深刻。
  html和css都是很简单的东西,不涉及算法,不涉及数据库,只要搞清楚含义就可以。
  有了基础,其实很多问题都会迎刃而解,真的遇到了不明白的,再问也不迟。
  群里也好,论坛里也好,那些水平高的人,一般都是很忙的,一些太基础的问题,可能他们不会回答。而有些问题看上去似乎是简单而且独立的,但是如果对基础知识不熟悉,却又很难解释得清楚。
  例如:浮动和定位。
  浮动是布局绝对要用到的东西,定位也是,但是其在浏览器内的表现,又涉及到boxmodel、包含块、文档流等等知识,同时,还可能有浏览器的bug在中间捣乱,那么我想没有几个人能用一两句话说清楚这许多的内容,只有去查资料,认认真真地学、实践,才能透彻地理解。
  二、明白自己要问什么

  经常有人问:“为什么这个没有效果?”,然后给一个截图。
  页面是由代码来表现的,不给代码,人家再聪明也没法猜。
  经常看到一些帖子,问得问题既模糊,文字又不通顺,错字连篇,让别人看得都糊涂。问问题都这么不认真,还怎么指望别人去认真回答你?
  说到这里,有个真实的例子:
  “问:怎么去掉列表前面的黑点呀?
   答:list-style:none;
   问:没有效果
   答:你把代码发上来看看。
   问:<li>·<ahref="xxxx">xxxxxx</a></li>
   答:……………………老大,你那个黑点是文字!
   问:我看看……哦,这样啊。
   答:无语晕倒。”
  三、善于使用搜索引擎
  其实明白自己要问什么了,最直接且效率最高的方法是使用搜索引擎,网络的好处就是资料多得目不暇接。
  也许你的问题已经有人问过——特别对于初学者来说,问题一般都是被问过很多遍的,因此,也许已经有人针对这个问题给过很详细的解释,搜一搜看看有没有,这样的结果,比别人在论坛或者QQ上随便打一句两句话回答你更能提高你自己的水平。
  四、谦虚

  忽然想起一个小品,说如今杨白劳是大爷,黄世仁要追着求杨白劳还钱。
  经常看到一些帖子,问问题没人答,就抱怨论坛人气低,有人回答了可能没解决问题,就抱怨没有能人,在群里问了没人答就说群不好。
  没有一个论坛或者群是万能的,也许你问的问题跟群没关系,自然没人答;或者,群里的人刚好都忙,毕竟大家都有工作,那么等等或者去搜资料,比抱怨更节约时间和体力。毕竟人家也没有义务要回答问题。
  再或者,别人给的答案跟提问者预期的不一致,不要急着说不对,其实有些问题看上去的样子和其实质是有很大差别的。
  举个例子,经常有人问一些CSS设定的问题,但是当我指出他的html结构不好时,总被回答,别管那个,你就说现在怎么写CSS。一个好的结构可能会让CSS变得很简便,你拒绝了简单的答案,别人哪里有那么多时间去给你搞复杂的东西?
  五、关注别人的问题

  天外有天,人外有人。
  我之所以愿意关注这些群和论坛,因为从这些问题里,可以检验我到底掌握了多少知识,问题总是千奇百怪的,而总有人能对这些问题给出答案,有的方法是自己知道的,有的可能是自己不知道的。而看别人的回答也许就能让自己更进一步,同时,回答别人的问题,也能巩固自己的知识,有时候还能让自己发现新的东西。
  如同前些日子,我买了两本CSS基础的书,有人问:你还要看这些基础的东西么?
  每本书的作者都有自己的视角,自己的出发点,自己的经验,因此差不多每本书(当然那些纯是凑代码的书除外)都有其优点,都可以发现一些自己不知道的东西。
  绝对的天才听说过,但是从来没见过。
  踏下心来,开卷有益。
更多精彩内容其他人还在看

CSS配合JavaScript做酷的动态页面效果

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标
收藏 0 赞 0 分享

WEB标准,Web前端开发工程师必备技术列表

  想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:   通过许多实际项目,
收藏 0 赞 0 分享

用CSS制作Alpha滤镜测试板

alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0 赞 0 分享

非常流行的所谓的气泡窗口

普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格. 前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的). 我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制.. 先下载Sweet Ti
收藏 0 赞 0 分享

CSS教程:li和ul标签用法举例

LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/
收藏 0 赞 0 分享

CSS教程:CSS中的定位(position)

  使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。   其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0 赞 0 分享

CSS教程:盒模型(BOX Model)

  如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0 赞 0 分享

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。   相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0 赞 0 分享

css里expression实现界面对象的批量控制

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0 赞 0 分享

CSS教程:水平对齐(text-align)

  水平对齐(text-align),用以设定元素内文本的水平对齐方式。   1.语法   text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左
收藏 0 赞 0 分享
查看更多