小试牛刀

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>no1</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body>
<div class="header">
    <div class="headerr clearfix">
        <ul class="clearfix">
            <li class="headerr1"><a href="#" title="">English</a></li>
            <li class="headerr2"><a href="#" title="">中文</a></li>
        </ul>
    </div>
</div>
<div class="nav">
    <div class="navv">
    <a href="#"><img class="logo" src="images/logo.jpg" alt="这是一张图片" title="logo" /></a>
        <ul>
            <li class="nav1"><a id="nav1" href="#" title="">首页</a></li>
            <li><a href="#" title="">关于我们</a></li>
            <li><a href="#" title="">咨询动态</a></li>
            <li><a href="#" title="">产品服务</a></li>
            <li><a href="#" title="">案例</a></li>
            <li class="nav2"><a href="#" title="">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="banner">
    <a href="#" title=""><img src="images/banner.jpg" alt="这是一张图片" title="banner" /></a>
</div>
<div class="content1">
    <div class="content1-1">
        <a id="link" href="#">最新动态:</a>
    </div>
</div>
<div class="content2">
    <div class="content2-1">
        <img src="images/banner2.jpg" alt="这是这一张图片" title="" class="img" />
    </div>
    <div class="content2-2">
        <p class="p1">埃能基诺(上海)能源科技有限公司</p>
        <p class="p2">ABOUT</p>
        <p class="p3">埃能基诺(上海)能源科技有限公司是集研发、制造、市场、销售、服务于一体的综合性环境服务公司。在脱硝、脱硫、除尘领域...</p>
        <p class="p4"><a href="#"><img src="images/icon2.jpg"/>了解更多</a></p>
    </div>
</div>
<div class="footer">
    <div class="footer1">
        <div class="logo1">
            <a href="#"><img src="images/logob.jpg" alt="这是一张图片" title=""/></a>
        </div>
        <div class="footer1-1">
            <p>埃能基诺(上海)能源科技有限公司</p>
            <p>地址:上海市浦东新区金湘路225弄,禹州国际3期2号楼507室(201206)</p>
            <p>埃能基诺能源科技有限公司 沪ICP备15049282号</p>
            <p>友情链接:http://wwww.scandenox.dk/</p>
        </div>
    </div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
.header{
    width:100%;
    height:30px;
    background:#4d4d4d;
    overflow:hidden;
    }
.header .headerr{
    width:1100px;
    height:30px;
    margin:0px auto;
    }
.header .headerr ul li{
    float:right;
    line-height:30px;
    }
.header .headerr ul .headerr1 a{
    color:#886e58;
    font-size:12px;
    padding-left:15px;
    background:url(../images/icon3.jpg) no-repeat left center;}
.header .headerr ul .headerr2 a{
    color:#fff;
    font-size:12px;
    padding:0px 15px;}
.nav{
    width:100%;
    height:112px;}
.nav .navv{
    width:1100px;
    height:112px;
    margin:0px auto;
    }
.nav .navv .logo{
    margin-bottom:16px;}
.nav .navv ul{
    float:right;
    margin-top:40px;}
.nav .navv ul li{
    float:left;
    padding:0px 20px;
    background:url(../images/icon3.jpg) left center no-repeat;
    font-weight:bold;
}
.nav .navv #nav1{
    color:#0C0;}
.nav .navv .nav1{
    background:none;}
.nav .navv .nav2{
    padding-right:0px;}    

.banner{
    width:1350px;
    height:599px;
    margin:0px auto;}

.content1{
    width:100%;
    height:79px;
    border-bottom:#e6e6e6 1px solid;}
.content1 .content1-1{
    width:1100px;
    height:79px;
    background:url(../images/icon.jpg) no-repeat 0px 33px;
    margin:0px auto;}
.content1 .content1-1 #link{
    float:left;
    padding:30px 17px;}
.content2{
    width:1100px;
    height:531px;
    margin:0px auto;}
.content2 .content2-1{
    float:left;
    width:636px;}
.content2 .content2-1 img{
    margin-top:53px;}
.content2 .content2-2{
    float:right;
    width:389px;
    padding-top:150px;
    padding-left:75px;
    }
.content2 .content2-2 .p1{
    color:#0eab4a;
    font-size:22px;
    font-weight:bold;
    }
.content2 .content2-2 .p2{
    color:#0eab4a;
    font-size:50px;
    font-weight:bold;
    font-style:italic;
    }
.content2 .content2-2 .p3{
    font-size:14px;
    line-height:2em;
    }
.content2 .content2-2 p{
    padding-bottom:10px;}

.footer{
    width:100%;
    height:127px;
    background:#878787;}
.footer .footer1{
    width:1100px;
    height:127px;
    margin:0px auto;}
.footer .footer1 .logo1{
    float:left;
    width:78px;
    margin-top:27px;
    padding-left:70px;
    padding-right:30px;
    border-right:1px #b7b7b7 solid;}
.footer .footer1 .footer1-1{
    float:left;
    width:530px;
    margin-top:27px;
    padding-left:30px;
    padding-right:20px;
    line-height:1.3em;
    color:#fff;
    }
html , body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: ‘‘;
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
时间: 2024-10-25 07:53:50

小试牛刀的相关文章

swift动画小试牛刀

原文:swift动画小试牛刀 swift刚出没多长时间,看到各种惊呼党,翻译党,黑苹果党,视频教学党如雨后春笋版喷薄而出......我想说有点开发基础的人,其实看看文档也就行了,毕竟语言是拿来用的. 今天花了一下午的时间,没有太看swift的syntax,而是试了试用swift写个最最简单的UILabel动画,贴下代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 impor

Xamarin+Prism小试牛刀:定制跨平台Outlook邮箱应用(后续)

在[Xamarin+Prism小试牛刀:定制跨平台Outlook邮箱应用]里面提到了Microsoft 身份认证,其实这也是一大块需要注意的地方,特作为后续补充这些知识点.上章是使用了Microsoft Authentication Library (MSAL)类库做认证,其实最后使用的是Azure AD V2.0 的OAuth2.0认证,而且支持所有用户身份认证: 个人用户(@live.com.@outlook.com.@hotmail.com) 企业(工作或学校)用户(@xxx.onmicr

(linux shell)第一章--小试牛刀(下)

文章来源: (linux shell)第一章--小试牛刀(下) 1.6 数组和关联数组 1.6.1 预备知识 Bash同一时候支持普通数组和关联数组.普通数组仅仅能使用整数作为数组索引,而关联数组能够使用字符串作为数组索引.关联数组在非常多操作中相当实用. 1.6.2 实战演练 定义数组的方法有非常多,能够在单行中使用一列值来定义一个数组: array_var=(1,2,3,4,5,6)   #这些值将会存储在以0为起始索引的连续位置上 另外.还能够将数组定义成一组索引-值: array_var

H TML5 之 (2) 小试牛刀

基本的HTML都认识到了,就开始运用下了,大的程序的开始,都是从一个一个表达式慢慢的堆积起来的 想开始玩HTML5,就开始理解,它所提供的画布函数各有什么作用,API的具体使用,才能完成自己想要完成的理想游戏 首先我们理解HTML5D的坐标系 HTML5的坐标系和我们现实中数学的坐标系大同可是小异,那就是数学中的Y轴的负方向是浏览器中HTML5画布的正反向,因此你浏览器的 左上角其实就是0,0 H TML5 之 (2) 小试牛刀,布布扣,bubuko.com

Shell 脚本小试牛刀(4) -- 创建 git 仓库

之前写过一个<Git 使用及进阶实战>,其中讲解了很多Git 的基本用法,包括创建仓库等使用以及一些错误排除,还是挺好的 GIT 普及博文. 我经常会在本地家用主机 /服务器上创建 git 仓库,可能一个语言的学习或者一个项目都需要一个git 仓库.不得不说创建仓库还是挺烦人的,有的时候会遗漏或者忘记命令,于是我写了一个简单的脚本来简化创建GIT 仓库的繁杂无趣的过程: #!/bin/bash # (C) 2014 Yunlong Zhou <[email protected]>

OpenGL小试牛刀第二季(粒子模拟)

效果截图:粒子模拟代码展示:#include "Particle.h" /** 构造函数 */CParticle::CParticle(){ data = NULL; numparticle = 0; } /** 析构函数 */CParticle::~CParticle(){ delete []data; data = NULL;} /** 创建一个包含num个元素的粒子数组 */int CParticle::Create(long num){ /** 删除粒子数组 */ if (da

六级指针小试牛刀

#include<stdio.h> void f(char *******p) { char *str1 = "abc"; char *temp = NULL; temp = (char *)malloc(10*sizeof(char)); memset(temp, 0, 10); strcpy(temp, str1); //*temp = 10; *p = temp; } void main() { char ******p1=NULL; char *******p2=N

JAVA实践红黑树-小试牛刀

前言 第一感觉是和AVL树差别不是特别大,没有很直观的感受到效率的巨大提升,作为一个小小的强迫症患者,还是AVL树更好看. 不过讲道理,平衡被破坏次数相同情况下,红黑树的确少了那么一些旋转... 因为插入节点后平衡被破坏时,红黑树的会选择旋转或变色. AVL树则只有旋转. 另外我发现其他的大神写法,跟我的有点差距...有心人可以帮我瞄一眼,我是不是哪里错了,在此先谢过了~~ 另外一个参考网站.博客.PDF: 红黑树的可视化,插入.删除节点都有动画效果哦~ 神奇的讲义,略的比较多,但就胜在简略 一

Shell 脚本小试牛刀(5) -- 超便捷脚本之快速ssh 登录其他主机

如果你也是以Linux 为工作环境的童鞋,那么此文真是捷报!因为我的学习/工作中(特别是最近玩耍树莓派)经常会使用到ssh 登录其他主机,而每次使用ssh 登录都需要输入老长一大串让我很烦,所以我写了这个脚本来简化我的ssh 过程. 使用这个脚本,如果我想登录一台机器,我只要使用 $~/easy_ssh.sh 然后选择一项就可登录,即使当前没有我要登录的机器选项,我只要输入一次并保存,以后我也可以很快的登录到这台电脑. #!/bin/bash # (C) 2014 Yunlong Zhou <[

OpenGL小试牛刀第一季

效果截图:代码展示:using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Text;using System.Windows.Forms; using SharpGL; namespace Example1{    public partial class FormExample : Form