在我们进行web项目的开发时,会遇到很多重复的但是很经典的也是必不可少的词或者是句子,这些好东西就在某种意义上决定了我们的程序能够达到怎么样的一种高度。下面我们就把第一批很经典的名词或者是句子列出来,让大家都见见面。

      首先声明啊,在做的列位排名是不分先后的,因为对于一个开发项目而言,都是具有很强大的功能以及很重要的贡献的。

     display:这位仁兄呢,通过顾名思义应该是什么呢?陈列展览。所以在css这个大家庭里面就给了他一个比较神圣的任务,那就是规定元素应该生成的框的类型。这里我好是先说说框的类型是个什么意思,大家都见过框是吧,所谓的框就是一个矩形围成的中空的架子,而这个框的类型呢?我们只说几种哈,那就是实线、颜色、宽度等等,换句话说就是现在要做一个盆子,就得考虑盆子做多厚,刷什么颜色的油漆。而我们这位display就是做这个事情的。

    第二位呢就是大家比较熟悉的float了,我相信只要是学过编程语言的一看到这个都不用解释的,但是现在在这里这个家伙跟大家玩起了失忆,或者说是选择性失忆,我们知道在C或者C++里面,float和double是用来定义精度常量的,我们也经常说float是定义浮点型常量的,当时其实我根本就不明白为什么要把一个好好的小数说成是浮点型的呢?现在看到这好小子在css里面只是用来决定是否及如何浮动的属性的时候,心里有种触动。不过我们能知道他的初值是none,说白了就是没有,但是还有个很经典的事情就是这个float没有继承性,大家可以想象一下这跟古代的什么官比较相似?当然像魏忠贤之类的就不说了。

      我们再来说说border,由于之前已经介绍过了所谓边框的类型,现在我们就简单介绍一下这位吧。他是用来给确定的html标记画边框的,他也可以定义边框的类型、宽度和颜色。而上面介绍类型的时候,我们现在就说了,掌握着生死大权的就是这位border了,很了不起吧。现在我们可以得出一个小结论了,那就是在一个师部里面,display就是师长,主要是规定该做什么,而border就是参谋长,去下达命令的人。所以他们之间的联系还是很紧密的。

     下面的两位我想一起说,那就是margin和padding。这两个是一对亲兄弟,都是检索和设置对象的外延边框,但是他们还是有点不一样的,就是说他们在接收到来自师长的命令之后虽然命令时一样的但是他们要做的事情还是有点区别的,下面我们就用一个图来表示一下他们之间的关系:
 

           或许当大家看到这张图的时候,我所有的话都是废话了,因为除了这两兄弟之外,他们之间还夹着一个人,这人是谁呢?就是刚才我们才提到的参谋长同志,为什么这个家伙要夹在中间呢,其实很简单的一个问题,因为我们给他们两兄弟的定义就是:前者是外边框,后者是内边框,那中间不可能什么都没有吧,那中间那个就是背景露出来的一点,换做现在的话说就是为了防止这两兄弟因为在一起呆的时间太久了打架,所以参谋长就夹在两个中间了。精神确实是很伟大的,值得学习!

           下面这一位呢,应该算是很厉害的一个举足轻重的任务了,像谁呢?我想象哈,应该跟刘伯温差不多,在朱元璋打天下的时候刘伯温的作用可是没有人能够代替的啊!他就是font,定义字体的人,算是拿大方向的人,他还有还几个儿子,像font-weight、font-family、font-size、font-variant等,一个比一个能干啊,真是一门良将。

          紧接着就是style的介绍了,其实在百度上面去搜的时候并没有发现太多跟他有关的内容,倒是好象有一部韩剧的名字就叫做style,当然我们在这里所说的可不是韩剧。他一般的出场方式就是<style type="text/CSS"></style>很神奇吧,后面拖着一大条。就像周杰伦出场的时候后面什么刘畊宏之类的就跟着。而我们的style就是干这个的,跟周杰伦的身份其实是差不多的,只是没有周杰伦那么出名罢了,言归正传哈,他的作用就是嵌入css的样式表,但是有一点,他必须要属于head这个文化娱乐传播有限公司。

         倒数第三个就是form了,其实form在这里我是不想过多的解释的,直接看一个句子吧<form method="get/post" action="">,其实我是想说说里面的哪个get和post的意义是什么。但似乎好像post兄弟没有get兄弟那么出名,所以在网上关于post的信息基本上都出现在某一本秘籍的夹缝中。其实他们的作用都是向服务器发起的请求。只是这样子说吧:post就是做好事不留名的雷锋,而我们的get就是做好事但是让所有人都知道自己叫做雷锋的那个好人!

         最后两个名词并不是说最后介绍就是最重要的,就是压轴的?其实不是!最后两个算是两个方法把,两个操作方式,大家在登陆教学管理系统的时候,输入名字和密码,以及选择自己身份的时候就是在做这两个工作。下面我把他们的使用方式写出来,大家应该就能看清楚了:

      input:<input type="" name="" value="" />

    option:<option>校内网</option>

                <option>校外网</option>

大家看完了之后应该能够明白怎么会这样子把,有机会就动手操作一下,明天有时间我就会把第二批奉献给大家的!