CSS教程 标签

DIV + CSS 教程(六)——table

  |   2 评论   |   14,535 浏览

初学者在熟悉一些HTML之后在制作页面时大多是在Dreamweaver这样的软件中使用鼠标的拖拉点击形成的页面,由于不是自己编写的每一行代码,所以一旦出现所见非所得(在DW中显示的样子跟在实际浏览器中展现的样子不一样)时就会变得痛苦不堪。

我个人认为,我们应当为自己生产的每一行代码负责,做到心中有数。所以,当我们渐渐能够使用DW拖拽出一些东西的时候我们应当精益求精去了解代码,自己用字符去控制页面上的每一个像素,否则当需求变更或出现小毛病时,页面越来越复杂,代码凌乱不堪无法认读(不是自己写的所以更加难以认读),最后导致页面无法维护与修改直至崩溃。

所以最有效的解决方案便是自己手动去编写每一行代码,并使用CSS来控制其样式,拒绝使用标签属性来控制其样式。HTML只管把网页的内容带到这个页面上来,至于其样式,全部交给CSS来控制。

其实细细算来,网页上的样式调来调去无非是颜色、高度、宽度、边框、距离、水平对齐、垂直对齐等这些东西,内容并不多。

放弃鼠标,敲打代码来控制页面上的每一个像素。

DIV + CSS 教程(五)——table

  |   0 评论   |   10,483 浏览

按照W3C的初衷来讲,table并不是用于布局的。所以严格来说不应该有table布局这个概念,只是tabel展示内容时是以很整齐的一块一块来展示的,很符合我们页面布局的习惯,所以便有了“table布”局这一说。

那么,如果table不是用来布局的,它是什么呢?其实可以这么理解,table跟img或Flash一样,它是被展示的内容,主要展示二维表结构的数据。所以Table被展示的内容,而不是用来布局的。尽管table也能起到布局的效果,习惯使用“table布局”的童鞋要慢慢转变观念,抛弃这种手段。

DIV + CSS 教程(四)——img

  |   1 评论   |   10,279 浏览

网页展现的优势在于它所能展现的元素的多样性。网页上的信息来源于文字、图片、声音、视频和Flash等,另外一些漂亮的页面特效也加强了浏览者的浏览体验。

一个没有图像的页面是无法让浏览者接受的,我们不可能愚蠢到使用纯文本去展现一个页面的所有信息,当然,特出情况下除外。事实上我们的确没有见过没有图像的网页,就算是纯Flash的网页,Flash也是包含图片的。人类对图片的处理能力更强,更容易从一张图片上获取到许多的信息。我们应当充分利用这个特点。

对于一张图片而言,使用CSS来改变其样式的时候其实并不多,因为一张好的图片是不需要被改变其外观的。不过对于大多数人而言,我们没有足够的精力去制作每一张我们需要的图片,互联网的共享精神让我们常常能够“不劳而获”。使用别人已经做好的图片来丰富自己的网页,这也是一项技能。

DIV + CSS 教程(二)——何谓CSS

  |   7 评论   |   13,281 浏览

什么是CSS,百度一下,你就知道。

用一句话概括:用于控制Web页面的外观。

一次只学很简单的一点点东西,我们迈出了第一步,有了第一步就会有第二步,就像上楼梯一样,一次只提高很小的一点点,但是每一步都有因为提高而带来成就感,激发我们学习的兴趣,不知不觉中我们就到了楼顶。

DIV + CSS 教程(一)——前言

  |   0 评论   |   8,223 浏览

决心写点东西了,一为归纳总结自己所学,查漏补缺,二来也可以帮助一些人。做程序员时间不长,会的东西也不多,所以语言方面就不敢拿出来讲了。看到国内Table布局盛行,做出来的页面惨不忍睹(至少是代码惨不忍睹),所以选择写一套关于CSS的东西。