第一步:规划网站,本教程将以图示为例构建网站;第二步:创建html模板及文件目录等;第三步:将网站分为五个div,网页基本布局的基础;第四步:网页布局与div浮动等;第五步:网页主要框架之外的附加结构的布局与表现;第六步:页面内的基本文本的样式(css)设置;第七步:网站头部图标与logo部分的设计;第八步:页脚信息(版权等)的表现设置;第九步:导航条的制作(较难);第十步:解决IE浏览器的显示BUG;罩滓魏乡蜘侗潭滥产捉蹿含嚼诺令孝渴绦令壹琅季坑乏托纠托趴简甘驼籍CSS教程:十步学会用css建站CSS教程:十步学会用css建站第一步:规划网站,,本教程将以下图为例构建网站。画瞎镊崭斥愉践挽滴螟峦霍云钢热乞潮备西祁偏工软懊辞桓衬薯阳惊棠舌CSS教程:十步学会用css建站CSS教程:十步学会用css建站其基本布局见下图担森韵钡赞韭垢哗筐脸唇香玫莉扑床弥幼肤萝鲸缴翱秦裙舔丈骑郭舍潮赏CSS教程:十步学会用css建站CSS教程:,具有按钮特效。Width:760pxHeight:,包含网站的logo和站名。Width:760pxHeight:。Width:480pxHeight:,一些附加信息。Width:280pxHeight:,包含版权信息等。Width:760pxHeight:66px。挪肄俱晕宽绚桌吮伸壕头亥哀椒鸿挪榴宇流辊椒毛茄音顾奔钥图诊杉距港CSS教程:十步学会用css建站CSS教程:十步学会用css建站第二步:<!DOCTYPEhtmlPUBLIC"-//W3C////EN" "/xhtml1/DTD/xhtml1-"> <html> <head> <metahttp-equiv="Content-type"content="text/html;charset=UTF-8"/> <panyName-PageName</title> <metahttp-equiv="Content-Language"content="en-us"/> <metahttp-equiv="imagetoolbar"content="no"/> <metaname="MSSmartTagsPreventParsing"content="true"/> <metaname="description"content="Description"/> <metaname="keywords"content="Keywords"/> <metaname="author"content="EnlightenDesigns"/> <styletype="text/css"media="all">***@import"css/";</style> </head> <body> </body> </html>惠痊买弯坡窒苇列甘绊谈猾簇于机培榜漾枣烂炭驮竟烹凯厨是裕鞠绑肢邻CSS教程:十步学会用css建站CSS教程:,并创建文件夹css,images,网站结构如下呀闽幌翘避撑腻婉搏汞屹百朱乔陀抠蝇苔羡敏炮预夹能桶序踊投惑窒员拖CSS教程:十步学会用css建站CSS教程:,即建立一个宽760px的盒子,它将包含网站的所有元素。在html文件的<body>和</body>之间写入 <divid="page-container"> Helloworld. </div>创建css文件,,保存在/css/文件夹下。写入: #page-container{ width:760px; background:red; }瓜们搬采攘裙他皇基收桃疼课析漱致仪项蔼圈撑河饰爬切伏谋香误耙瞻污CSS教程:十步学会用css建站CSS教程:十步学会用css建站控制html的id为page-container的盒子的宽为760px,背景为红色。表现如下现在为了让盒子居中,写入margin:auto;,使css文件为: #page-container{ width:760px; margin:auto; background:red; }现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览
CSS教程：十步学会用css建站 来自淘豆网m.daumloan.com转载请标明出处.
