CSS仿淘宝首页

CSS是对HTML标签内容惊醒修饰,星期二的做了一个放淘宝首页的简单首页,使用表格做的 里面使用了少量的div定位,主要是学习 本人是刚接触到html和css语言,

?

总结:??

??? ?1,网站的宽度要使用百分比,这样网站会随着浏览器的大小而改变,在写淘宝首页的时候没有考虑到这个问题

???? 2,链接的样式不要写成 a:link{}??? 这样后面所有的连接都会用到这个样式,初学者很难想到原因

??

??? 3,网页和图片都要放到站点中,这样网页文件的移动不会导致图片无法显示

?

?

+++++++++++++++++++++++++++++++++++CSS总结:

? 常用的样式;?

?? 1), 设置网页置顶

????

body {
? margin-left: 0px;
? margin-top: 0px;
? margin-right: 0px;
? margin-bottom: 0px;
? ?
? }

?

?

默认是有边距的,设置所有的外边距为0px

?

?

? 2 ),设置链接无下划线

????

text-decoration: none;

?

3),淘宝搜索框的样式设置

 width:650px;
 border:4px solid #ff3300;
height:30px;
vertical-align:top;
border-right:none;

?

?????

4),搜索按钮的设置

border:4px solid #ff3300;  
 width:100px;
 height:40px;
background:#ff3300;
font-size:20px;
color:#FFFFFF;
margin-left:0px; 左边距为0
border-left:none; 左边无边框
vertical-align:top; 向上对齐
 

?

5),使用div定位

?

#Layer3 {
	position:absolute;
	left:1004px;
	top:243px;
	width:280px;
	height:466px;
	z-index:2;
	background-color:#F7F7F7;
}

?

截图展示一下,第一次完全手写的,虽然谢了快8个小时,,,,,,

?

?

?

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。