CSS的布局

html-css027

CSS的布局,第1张

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。

CSS英文全称:Cascading Style Sheets(层叠样式表)

是为了丰富网页布局的样式,在CSS没有出来之前,大家会用表格来进行分割布局,很不方便,CSS出来后就好多了。

我们平时所访问的都是服务器反馈到浏览器的HTML页面,但是正如上面说的,HTML无法满足新时代网站拥有者的表达需求,我们就会在HTML代码中加入适当的CSS代码来合理展现新的样式。

例如:

<html>

<head>

<title>测试页<title>

<style type="text/css">

.cs{width:100%height:160pxtext-align:centerline-height:160pxbackground:#f0f0f0}

.csl{width:20%height:160pxfloat:leftbackground:#fff}

.csr{width:20%height:160pxfloat:rightbackground:#fff}

</style>

</head>

<body>

<div class="cs">

<div class="csl">

<p>左框内容</p>

</div>

<div class="csr">

<p>右框内容</p>

</div>

</div>

</body>

</html>

你还有一年时间呀,你可以学习html css div+css布局,多看些别人的设计,多练练。我当年也跟你一样,就靠做flash才在北京站稳了脚。然后跟同事们学习做网页。不一定哪门都得会,但一定要有门强项。

我还没有美术功底呢,照样挺过来了。

你还有一年时间,抓紧点学习还来得及。

还有就是奉劝你男人以事业为重,如果泉州不好发展,就来北京吧,这里你这方面的人才挺吃香的。如果你手绘不错,收入应该有四五千左右。

没有面包的爱情不能长久,谁会放心把女儿给一个工作不稳定的人。所以先把事业干好,然后再谈爱情。

当然可以的话,你可以先过来这边,站住脚后再把你女友接过来。如果她不能过来的话,你们就经常通电话。