简单的页面

<html>
<head>
<title>简单的页面</title>
<style>
   .QAQ{
    width:840px;
    height:390px;
    background:red;
    margin:0 auto;
   }
  .A{
   width:840px;
   height:100px;
   background:#EDEDED;
   }
  .B{
   width:840px;
   height:40px;
  background:green;
   }
  .B-A{
   width:280px;
   height:40px;
   background:url(day/111_01.png);
   float:left;
   margin:0 auto;
  }

.B-B{
   width:280px;
   height:40px;
   background:url(day/111_03.png);
    float:left;
  }
  .B-C{
   width:280px;
   height:40px;
   background:url(day/111_05.png);
    float:left;
  }
 
  .C{
   width:840px;
   height:200px;
   background :black;
   }
 
  .D{
   width:840px;
   height:50px;
   background:yellow;
   }
 
 
 
</style>
</head>
<body>
 
  <div class="QAQ">
    <div class="A"></div>
    <div class="B">
      <div class="B-A"></div>
      <div class="B-B"></div>
      <div class="B-C"></div>
    </div>
    <div class="C"></div>
    <div class="D"></div>
   
   </div>
</body>
</html>

时间: 2024-08-07 12:31:37

简单的页面的相关文章

浮动布局写了一个简单的页面

正在学习的路上...... 这两天写了一个比较简单的页面,主要使用了浮动和定位.左边的属于滚动页面,右边的list属于固定.先上图片: 主要使用了float:left/right. 1.下面是HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link type="

Android简单登陆页面

布局: 线性布局+相对布局 日志打印: 利用LogCat和System.out.println打印观察. Onclick事件是采用过的第四种: 在配置文件中给Button添加点击时间 涉及知识: 通过上线文context获得文件的路径和缓存路径,保存文件 布局代码: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

StoryBoard初探(一):实现简单的页面跳转与返回

前言 苹果推出故事版很久了,一直没有深入学习过.最近打算尝试用StoryBoard做高保真交互App原型,决定学习下.相对于IB来讲,StoryBoard几乎不用手写代码,便能实现页面交互,这一点很适合会Xcode的同学用来做快速原型开发. 实现简单的页面跳转 新建工程,选择Single View Application,Xcode生成的工程模板中会自动使用StoryBoard.打开Main.storyboard文件,可以像IB一样,拖拽视图对象到ViewController的View上.如图,

JSP简单练习-页面重定向

在JSP程序设计中,经常要进行页面的重定向,如在页面程序中加入判断语句即满足条件就转向某页面,不满足条件则转向另一个页面. 下面是一个简单的例子: <%@ page contentType="text/html; charset=gb2312" %> <html> <body> <% // 页面重定向程序片 String url; url=request.getParameter("goaddress"); if(url!=

Page Scroll Effects - 简单的页面滚动效果

Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候.一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的.所有的动画都使用 Velocity.js 创建. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQu

新奇!让简单的页面瞬间变酷的图标填充效果

有时候,你只是想创造一些真正很酷的效果.例如我们网站常见的关于我们(About us),我们的历史(Our history)等你想展示出一些让你的品牌与众不同的页面.图标填充效果可以帮你设计出一个很酷的网页,只需要几个图标即可,让简单的页面看起来也充满活力. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 1

简单的页面互点Javascript代码

简单的页面互点Javascript代码,可以适用于前端$(function(){ $('.ip_b_con_item li,.pro_index_list li').mouseover(function(){ $(this).addClass("hover"); }); $('.ip_b_con_item li,.pro_index_list li').mouseleave(function(){ $(this).removeClass("hover"); });

利用JS跨域做一个简单的页面访问统计系统

其实在大部分互联网web产品中,我们通常会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的JS脚本,然后便可以在这些统计系统中看到自己网站页面具体的访问情况.但是有些时候,由于一些特殊情况,我们需要自己来设计统计系统.由于前段时间公司的业务需求,我也是自己尝试了下,本文提供的是一个基本思路,统计系统也比较简单. 几个基本统计需求: 1.统计web每个页面用户访问量 2.统计用户访问者的和IP地址信息 3.页面之间的跳转情况 4.访问高峰时间段 服务器结构: 数据库表设计: 以上只是我简单列