第015讲仿sohu首页面布局

<html>
<head>
<link rel="stylesheet" type="text/css" href="aa.css">
</head>
<body>
<!--top-->
<div class="top">
<span class="login">登陆表单</span><span class="setindex">设置首页面</span><span class="myhref">超链接</span>
</div>
<!--logo-->
<div class="logo"><img src="22.png"/></div>
<!--daohang-->
<div class="navi"></div>
<!--guanggao-->
<div class="adall">
<div class="adstu">招生广告</div>
<div class="adsport">运动广告</div>
<div class="adfdc">房地产广告</div>
<div class="adimg"><img src="222.png"/></div></div>
</body>
</html>

body{margin:0  auto;border:1px solid green;width:950px;height:800px;}.top{width:950px;background:silver;height:24px;
}.login{width:350px;height:22px;background:pink;float:left;
}.setindex{width:85px;height:20px;background:green;float:left;margin-left:50px;
}.myhref{float:right;margin-right:5px;
}.logo{width:118px;height:56px;background:silver;float:left;margin-top:3px;
}.logo img{width:118px;height:56px;
}.navi{width:820px;height:56px;background:green;float:left;margin-top:3px;margin-left:10px;
}.adall{width:950px;height:211px;margin-top:3px;float:left;border:1px solid silver;}.adstu{width:126px;height:195px;background:#7bf773;margin:5px 0 0 5px;float:left;
}.adsport{width:451px;height:195px;background:#7bf773;margin:5px 0 0 5px;float:left;
}.adfdc{width:151px;height:195px;background:#7bf773;margin:5px 0 0 5px;float:left;
}.adimg{width:181px;height:200px;margin:5px 0 0 5px;float:right;text-align:center;border-left:1px solid silver;
}.adimg img{margin-top:10px;
}

第015讲仿sohu首页面布局相关推荐

韩顺平php可爱屋源码_韩顺平_php从入门到精通_视频教程_第20讲_仿sohu主页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理...
韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理对sohu页面的分析注释很重要经验:写一点,测试一点,这是一个很好的方法. ...
Android仿淘宝页面布局
说明该项目就是简单地仿造淘宝的一些页面,没有功能!! icon是在网上找的尽量一样的,颜色是自己用PS吸出来的,尺寸是用PS量出来的. 运行环境小米6 (分辨率1920*1080,尺寸5.15) ...
xml信息管理系统_WPF信息管理系统项目实战教程二：使用XAML实现页面布局
首页面布局设计 XAML(Extensible Application Markup Language),可扩展应用程序标记语言的使用使得C#桌面应用程序开发前后端实现真正分离.前端人员可使用该标记语 ...
织梦仿站系列教程第四讲——首页页首代码
织梦仿站系列教程第四讲--首页页首代码今天,我们接上一讲,继续开始我们的仿站之路. 这一讲分两个部分,第一部分,修改首页的页首代码,即之间的代码. 有网页标题title.网页关键字keywords. ...
仿淘宝菜单分类页面布局--iframe框架有限替代方案
之前做一些类似后台管理界面,典型的左侧菜单.右侧布局,基本都采用iframe框架来完成虽然iframe操作起来非常方便,但是也存在问题,例如页面不够美观,css样式布局会出现各种复杂问题以至于显得比 ...
div+css页面布局课堂笔记11---页面布局网站首页设计实例__终极版（仿csdn首页）
1. firstPage.html文件: <span style="font-size:14px;"><!doctype html> <html> ...
web前端（12）—— 页面布局2
本篇博文,主要就讲定位的问题,也就是页面布局里最重要的,本篇博文不出意外的话,也是css的最后一篇博文了定位,position属性定位有三种: 相对定位绝对定位固定定位相对定位,positi ...
Web前端之仿携程首页布局
Web前端之仿携程首页布局 1.前言出于之前早就学习过Web的相关技术,后面很少写仿网页或者做后端等案例了,导致一些基础知识点有所遗忘,而这部分知识又是Java学习中的重中之重,因此借目前学校课程正 ...
axure 8 表格合并_Word页面布局、“插入”选项卡及表格部分考点梳理
点击上方蓝字关注我们,更多惊喜等着你讲解视频1:页面布局."插入"选项卡讲解视频2:表格部分考点梳理一."设计"选项卡在Word2016中,将传统的&q ...
H5页面布局之图片液态化（自适应）处理简述
写在前面我们都知道,页面的布局分为静态布局和响应式布局,为什么响应式布局很火呢?因为在过去我们在处理不用终端之间的页面布局问题的时候,都是使用好几套代码来实现,举例子来说,假设我们做一个app或者w ...

第015讲仿sohu首页面布局

第015讲仿sohu首页面布局相关推荐

最新文章

热门文章

第015讲 仿sohu首页面布局

第015讲 仿sohu首页面布局相关推荐

最新文章

热门文章

第015讲仿sohu首页面布局

第015讲仿sohu首页面布局相关推荐