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个小时,,,,,,
相关推荐
CSS仿淘宝首页导航条按钮布局效果的源代码,可以看看哦
CSS仿淘宝首页导航条布局效果
JavaScript+CSS 精仿淘宝首页顶部菜单 JavaScript+CSS 精仿淘宝首页顶部菜单,淘宝顶部的工具条都知道吧,不是那种很标准的导航,每一个菜单项都细分有不同的导航功能,比如点击“我的淘宝”,会出现已购买宝贝,...
JavaScript CSS 精仿淘宝首页顶部菜单,淘宝顶部的工具条都知道吧,不是那种很标准的导航,每一个菜单项都细分有不同的导航功能,比如点击“我的淘宝”,会出现已购买宝贝,点击“搜索”,会出现搜索框,点击网站...
css3仿淘宝支付成功打勾动画效果
基于HMTL CSS实现仿淘宝首页的静态网页源码+多张效果截图+项目说明.7z 基于HMTL CSS实现仿淘宝首页的静态网页源码+多张效果截图+项目说明.7z基于HMTL CSS实现仿淘宝首页的静态网页源码+多张效果截图+项目说明.7z
仿淘宝网html网页模板,仿淘宝网html网页模板,静态页面学习,前端基础学习
自己闲暇做的一个仿淘宝筛选框,觉得有用的就下载看看,水平有限写的不是太好
一个模仿淘宝网站的按拼音字母搜索商品的菜单,相信会对大家有些帮助
基于HMTL CSS实现仿淘宝首页的静态网页_源码
分页树 网创商城分页方式支持文件 需要样式文件支持 调用方法: ... echo paginate_tree($reload, $pageNo, $tpages, $adjacents,[$trow]); 参数: $adjacents:两侧显示的页码数量. $pageNo:页码 ...$unit 总记录后缀
jquery仿淘宝顶部的css弹出层效果
一个仿淘宝的tab卡选框 jquery+css
css3仿淘宝支付成功打勾动画特效.zip
ASP.NET DIV CSS制作的高仿淘宝导航选项卡
仿淘宝购物网店html代码,里面共有种不同类型购物网站的html代码
这是一款带有动画效果的css3仿右侧固定导航代码,实用的网页右侧固定导航菜单js特效。
本资源为广大html初学者提供源码,经vscode测试可正常运行。刚学前端,错误在所难免,还望广大网友斧正。