用html与css制作网页实例(求用CSS和html做静态网页~~~很急,大神支支招)

:暂无数据 2026-09-14 18:50:01 :0

用html与css制作网页实例(求用CSS和html做静态网页~~~很急,大神支支招)

“用html与css制作网页实例”相关信息最新大全有哪些,这是大家都非常关心的,接下来就一起看看用html与css制作网页实例(求用CSS和html做静态网页~~~很急,大神支支招)!

本文目录

求用CSS和html做静态网页~~~很急,大神支支招

 《head》
《style type="text/css"》
 《!-- A { text-decoration: none} --》 
《/style》
《meta http-equiv="Content-Type" content="text/html; charset=gb2312" /》
《title》专题《/title》
《style type="text/css"》
body,td,th { 
font-size: 18px; 
color: #990022; 
font-weight: bold;
}
#sss {
   float: left 
}
li{
   float: left;
  width:80px; 
}
body { 
background-color: #00ffee; 
background-image: url(Image/bg.jpg); 
background-repeat: repeat;}
《/style》
《/head》
《body》
《div id="sss"》
《ul》
  《li》《a href=""》 首页 《/a》  《/li》
  《li》《a href=""》 简介 《/a》  《/li》
  《li》《a href=""》 相册 《/a》  《/li》
  《li》《a href=""》 与你分享 《/a》  《/li》
《/ul》
《/div》

《/body》

怎样用html和css构建一张页面

首先 会使用html和css,并且懂得使用js(为特效准备)
其次 css分为行内样式、行外样式(class、id、标签)、外联样式(推荐,class、id、标签)
最后 html内利用css、js特效(class、id、标签)改变html标签样式达到排版效果,

如何用css和HTML写一个页面,如下图

我觉得你现在是没有搞清楚html中对区块的划分,这张图明显是先分左右两大块,左边再分上中下三块,右边1、2、3、4,四块,再往里面填充内容,你看划分图

我帮你写个框架,其他的细节和内容你自己去填

《style》
*{ margin:0; padding:0; list-style:none;}
.wap{ width:990px; height:auto; margin:0 auto;}
.leftBox{ width:754px; height:auto; float:left; border:1px solid red;}
.rightBox{ width:220px; height:auto; float:right; border:1px solid red;}
.nrBox{ margin-bottom:13px; border:1px solid #00F;}
《/style》
《div class="wap"》
 《div class="leftBox"》
  《div class="nrBox" style="height:215px;"》个人信用调查(高215)《/div》
  《div class="nrBox" style="height:560px;"》调查宗述(高560)《/div》
  《div class="nrBox" style="height:96px;"》调查案例(高96)《/div》
 《/div》
 《div class="rightBox"》
  《div class="nrBox" style="height:227px;"》个人信用调查(高227)《/div》
  《div class="nrBox" style="height:160px;"》图片一(高160)《/div》
  《div class="nrBox" style="height:158px;"》图片二(高158)《/div》
  《div class="nrBox" style="height:154px;"》图片三(高154)《/div》
  《div class="nrBox" style="height:72px;"》图片四(高72)《/div》
 《/div》
《/div》

如何用html+css做出这个静态网页 求大神解答

以前我也做过类似的这种静态页面,其实每一块的布局都差不多,做好一个其他的大同小异,下面提供我的思路以供参考(宏观角度):
第一:先把整体框架搭起来,通过绝对定位确定大的模块的位置。
第二:根据图中每一块的结构来选择table或者其他布局方式。
第三:需要精确的时候可以用div块来调试,出现细节问题可以查资料解决一下。

关于用html与css制作网页实例和求用CSS和html做静态网页~~~很急,大神支支招的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

用html与css制作网页实例(求用CSS和html做静态网页~~~很急,大神支支招)

本文编辑:admin

更多文章:


保安公司是干什么的(机场安保部都是干什么的分别管什么)

保安公司是干什么的(机场安保部都是干什么的分别管什么)

今天给各位分享机场安保部都是干什么的分别管什么的知识,其中也会对机场安保部都是干什么的分别管什么进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

2026年11月3日 23:10

网页图片怎么保存(WEB格式的图片如何保存)

网页图片怎么保存(WEB格式的图片如何保存)

本篇文章给大家谈谈网页图片怎么保存,以及WEB格式的图片如何保存对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

2026年11月3日 23:00

招聘广告设计模板(人力资源管理制度表格流程规范大全的目录)

招聘广告设计模板(人力资源管理制度表格流程规范大全的目录)

大家好,如果您还对招聘广告设计模板不太了解,没有关系,今天就由本站为大家分享招聘广告设计模板的知识,包括人力资源管理制度表格流程规范大全的目录的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

2026年11月3日 21:20

建筑设计施工图纸标准尺寸是多少?怎样画建筑平面图

建筑设计施工图纸标准尺寸是多少?怎样画建筑平面图

大家好,关于建筑设计图很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于建筑设计施工图纸标准尺寸是多少的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!

2026年11月3日 20:20

英语网站的英文(网站英文怎么写)

英语网站的英文(网站英文怎么写)

大家好,今天小编来为大家解答以下的问题,关于英语网站的英文,网站英文怎么写这个很多人还不知道,现在让我们一起来看看吧!

2026年11月3日 18:50

百度推广账户优化(百度推广优化是怎么做的)

百度推广账户优化(百度推广优化是怎么做的)

这篇文章给大家聊聊关于百度推广账户优化,以及百度推广优化是怎么做的对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。

2026年11月3日 18:40

中国建设银行手机银行app(中国建设银行app怎么免密登录)

中国建设银行手机银行app(中国建设银行app怎么免密登录)

大家好,关于中国建设银行手机银行app很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于中国建设银行app怎么免密登录的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮

2026年11月3日 18:30

个人简历制作方法(个人简历如何制作)

个人简历制作方法(个人简历如何制作)

各位老铁们好,相信很多人对个人简历制作方法都不是特别的了解,因此呢,今天就来为大家分享下关于个人简历制作方法以及个人简历如何制作的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

2026年11月3日 18:10

百度关键词优化师(百度推广关键词规划师在哪里,怎么用)

百度关键词优化师(百度推广关键词规划师在哪里,怎么用)

大家好,百度关键词优化师相信很多的网友都不是很明白,包括百度推广关键词规划师在哪里,怎么用也是一样,不过没有关系,接下来就来为大家分享关于百度关键词优化师和百度推广关键词规划师在哪里,怎么用的一些知识点,大家可以关注收藏,免得下次来找不到哦

2026年11月3日 17:40

快速开发平台社区(java程序员经常去哪些网上社区论坛)

快速开发平台社区(java程序员经常去哪些网上社区论坛)

大家好,关于快速开发平台社区很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于java程序员经常去哪些网上社区论坛的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!

2026年11月3日 16:40

最近更新

热门文章

flash cs6怎么下载(Adobe Flash CS6 Professional在哪下能破解吗)
2026-07-24 09:40:17 浏览:8
标签列表