2016年11月1日 网页布局

今天讲了页面布局,自己做得部分练习如下:
<style type="text/css">
*{ margin:0px auto; padding:opx; font-family:微软雅黑
}
#bangzhu
{
width:80px;
height:32px;
font-size:12px;
color: #a5cf4c;
font-weight: bold;
float:right;
margin-right:4px;
margin-top:40px

}

#a1{ width:100%; height:200
}
#bt{ width:100%;
}
#biaoti{float:left; margin-top:70px; margin-left:90px; font-size: 14px;
font-weight: normal;color: #666;
}
#logo{ float:left;margin-top:60px; margin-left:30px
}
#sousuo{ margin-top:70px; border-bottom:#999; margin-left::20px
}

</style>

</head>

<body >
<<div style="color:#868585;font-size: xx-small;position: relative;text-align: right;padding-right: 2%;padding-bottom:2px; background-color: #fff; >[广告]
</div>

<div style="width:100%">

<div id="bangzhu">售后服务</div>

<div id="bangzhu">帮助中心&nbsp;&nbsp;&nbsp;·</div>

<div id="bangzhu">在线客服&nbsp;&nbsp;&nbsp;·</div>
</div>
<div id="bt">
<div id="logo">
<img src="捕获.PNG" />
</div>
<div style="width:100%">

<div id="biaoti"> 官方商城</div>
<div id="biaoti">全部产品</div>
<div id="biaoti">VIVE</div>
<div id="biaoti">官方社区</div>
<div id="biaoti">最新活动</div>
<div id="biaoti">购买地点</div>
</div>

</div>

效果是:

时间: 2024-09-30 15:26:46

2016年11月1日 网页布局的相关文章

struts2练习时犯的错误(2016年11月4日)

1.Tomcat启动时报错 严重: 文档无效: 找不到语法. at (null:3:8) org.xml.sax.SAXParseException; systemId: file:/F:/Program%20Files%20(x86)/Tomcat%206.0/webapps/struts2_11_4/WEB-INF/classes/struts.xml; lineNumber: 3; columnNumber: 8; 文档无效: 找不到语法. 错误原因:struts.xml中忘记写<!DOC

2016年10月27日--格式布局

格式布局 1.position:fixed 相对于浏览器窗口来对元素进行定位 position:fixed <html> <head> <style type="text/css"> p.one { position:fixed; left:5px; top:5px; } p.two { position:fixed; top:30px; right:5px; } </style> </head> <body> &

2016年11月20日 星期日 --出埃及记 Exodus 20:11

For in six days the LORD made the heavens and the earth, the sea, and all that is in them, but he rested on the seventh day. Therefore the LORD blessed the Sabbath day and made it holy. 因为六日之内,耶和华造天,地,海,和其中的万物,第七日便安息,所以耶和华赐福与安息日,定为圣日.

2016年11月19日 星期六 --出埃及记 Exodus 20:10

but the seventh day is a Sabbath to the LORD your God. On it you shall not do any work, neither you, nor your son or daughter, nor your manservant or maidservant, nor your animals, nor the alien within your gates. 但第七日是向耶和华你 神当守的安息日.这一日你和你的儿女,仆婢,牲畜,并

2016年11月20日--存储过程、视图

存储过程: 存储过程(stored procedure)有时也称为sproc.存储过程存储于数据库中而不是在单独的文件中,有输入参数.输出参数以及返回值等. 在数据库中,创建存储过程和创建其他对象的过程一样,除了它使用的AS关键字外. create proc 存储过程名  --创建存储过程   或    alter proc 存储过程名  --  修改存储过程 参数1 参数类型,参数2 参数类型……参数n 参数类型 as begin---  ={ 查.插.删.改 end---  =} 1 --存

2016年11月14日--SQL创建数据库、表-查、插、删、改

--创建数据库create database hq20161114go --使用数据库use hq20161114go --创建学生表create table xuesheng(code int,name varchar(10),sex char(10),chengji decimal(18,2)) --添加学生信息insert into xuesheng values(1001,'一','男',11)insert into xuesheng values(1002,'二','男',22)ins

2016年11月15日noip模拟赛

苟.. 1.谜题 1 /* 2 考虑这题,该怎么xjb搞 3 嗯我说出了题解xjb搞.. 4 由题意 易得 N个 二位数字(一位数加个0) 如果是连续的,那么就成立. 5 反过来做. 6 7 方法2:n<4有解,其他无解 8 */ 9 #include <iostream> 10 #include <cmath> 11 #include <stdio.h> 12 #include <string> 13 #include <string.h>

2016年11月28日--ADO.Net 查、插、删、改 小练习

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Data.SqlClient; namespace ConsoleApplication1 { class Program { /// <summary> /// 执行TSQL语句 /// </summary> /// <

2016年11月10日--CSS动画

jquery动画:http://www.w3school.com.cn/jquery/jquery_animate.aspCSS3动画教程1:http://www.w3school.com.cn/css3/css3_animation.aspCSS3动画教程2:http://www.runoob.com/css3/css3-animations.html . CSS3的动画属性 下面的表格列出了 @keyframes 规则和所有动画属性: 属性 描述 CSS @keyframes 规定动画. 3