• 慈善基金进社区 点对点帮扶居民 2019-04-10
  • 三面悬崖的3197哨所 战士背饮用水要走"天梯" 2019-04-10
  • 习近平《在深入推动长江经济带发展座谈会上的讲话》单行本出版 2019-04-09
  • 女子在自家院子乘凉 被后山滚落千斤巨石砸死 2019-04-07
  • 很深刻。当今城市化基本出于房地资本的繁衍需要与维持粗陋GDP的无奈,越来越显露其反动性。 2019-04-03
  • 故都之秋,惊艳了整个华东文章中国国家地理网 2019-04-03
  • 中国虚拟现实创新创业大赛南昌赛区颁奖仪式举行 2019-03-31
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-03-31
  • 蔡英文,赖清德,李登辉,陈水扁..... 2019-03-24
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-03-22
  • 上海电影节第三日:电影市场热议产业新形势 2019-03-22
  • 特朗普雇佣资深律师应对涉俄调查 2019-03-18
  • 两部门:支持建设一批乡土经济活跃的农业产业强镇 2019-03-17
  • 法国总统马克龙首次访华 法国居民期待成果 2019-03-16
  • 黑龙江p62历史开奖结果

    福彩双色球走势图:html切图第一课

    发表日期: 2013-01-31   阅读次数: 155   查看权限: 游客查看

    太阳光uc课堂html切图第一课

    黑龙江p62历史开奖结果 www.tgpe.net 网页切图要点:尽量优化图片大小,取最小图片体积,合并小图片,减少服务器请求。html套嵌深度在三级左右为宜,尽量避免使用table,尊重效果图,精确到每一个像素!

    第一课相应素材下载:点击这里下载

    @charset "utf-8";
    /* CSS Reset */
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,     
    pre, form, fieldset, input, textarea, p, blockquote, th, td {
    	padding: 0;	margin: 0;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
     } 
    a{
        hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
        outline: none;  /* for firefox 1.5 + */
        text-decoration:none;
        color: #333;
    }
    fieldset, img { border: 0 }
    ol, ul { list-style: none }
    address, caption, cite, code, dfn, em, strong, th, var {
        font-weight: normal;
        font-style: normal;
     }    
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        font-size: 100%;
     }
    /* CSS Reset */
    body{
        text-align: center;
        background: url("body.jpg") repeat-x scroll 0 0
    }
    #top{
        height: 36px;
        line-height: 36px;
        background: url("top.jpg") repeat-x scroll 0 0;
        border-bottom: 1px solid #87ADD1
    }
    .main{
        height: 36px;
        width:980px;
        text-align: left;
        margin:0 auto;
    }
    #top .main span{
        float: right;
    }
    #top strong{
        color: #FF6600
    }
    #logo{
        height:82px;
        background-color:#fff;
    }
    #logo img{
        margin:10px
    }
    .menu_bg{
        background: url("menu_bg.jpg") repeat-x 0 0;
    }
    .menu_right{
        background: url("menu_right.jpg") no-repeat right 0;
    }
    .menu{
        height:50px;
        padding-left:10px;
        background: url("menu_left.jpg") no-repeat left 0;
    }
    .nav{
        width:100px;
        float: left;
        line-height: 35px;
        text-align: center;
        background: url("nav.jpg") no-repeat right 0;
        position: relative;
    }
    .nav a{
        font:bold 14px/35px "宋体";
        color: #fff;
    }
    .nav a:hover{
        color: #FFCC00;
    }
    
    .nav_ul{
        background-color:#fff;
        width:98px;
        padding: 4px 0;
        border: 2px solid #E50D0E;
        border-top:none;
        position: absolute;
        display: none;
        left:-2px;
        top:35px;
    }
    .nav .nav_ul li{line-height: 25px}
    .nav .nav_ul a{
        font:12px/22px "宋体";
        color: #015CAB
    }
    /*广告动画*/
    .banner {position:relative;width:980px; height:300px; overflow:hidden;}
    .banner_list img{width:980px; height:300px;border:0}
    .banner_bg {position:absolute; bottom:0;background-color:#000;height:28px;filter: Alpha(Opacity=50);opacity:0.5;z-index:1;cursor:pointer; width:980px; }
    .banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:2;font-size:12px;cursor:pointer}
    .banner_text {position:absolute;width:120px;z-index:3; right:3px; bottom:3px;}
    .banner_ul {position:absolute;list-style-type:none;z-index:4;margin:0; padding:0; bottom:3px; right:3px;}
    .banner_ul li { width:20px;line-height:20px;text-align:center;float:left;display:block;color:#1163B5;border:#e7f2fd 1px solid;background:#FFF;cursor:pointer}
    .banner_ul .banner_on { background:#1163B5;color:#FFF}
    .banner_list a{position:absolute;}
    /*广告动画*/

    关键词: ps切图,html,前端工程师   编辑时间: 2013-01-31

    • 感到高兴

      5

      高兴
    • 感到支持

      3

      支持
    • 感到搞笑

      3

      搞笑
    • 感到不解

      3

      不解
    • 感到谎言

      3

      谎言
    • 感到枪稿

      3

      枪稿
    • 感到震惊

      3

      震惊
    • 感到无奈

      3

      无奈
    • 感到无聊

      3

      无聊
    • 感到反对

      3

      反对
    • 感到愤怒

      3

      愤怒
    57.14%(4)
    42.86%(3)
    共有0 条评论 发言请遵守【相关规定

    网友评论

    会员头像
    发 表同步腾讯微博  匿名评论  验证码:  点击更新
    • 暂无评论
    关闭??? align=最新影音 Latest media
    关闭??? align=影音图片 media Pictrue
    • 1992年赵本山小品《我想有个家》
    • 1991年赵本山小品《小九老乐》
    • 1990年赵本山小品《相亲》
    • 加男子拍幼女“功夫”视频受热捧
    • 翠花上笑话
    • 小小对八神奄
    • 大兵《洗脚城》双簧相声
    • 拳皇百道3
    • 拳皇百道2
    • 拳皇百道1
    • 震撼的flash片头
    • 大兵《开会》双簧相声
    • 爱之初体验
    • 我不想说我是鸡
    • 爆笑10086投诉
    • 日本强震引发海啸遇难人数将超过千人
  • 慈善基金进社区 点对点帮扶居民 2019-04-10
  • 三面悬崖的3197哨所 战士背饮用水要走"天梯" 2019-04-10
  • 习近平《在深入推动长江经济带发展座谈会上的讲话》单行本出版 2019-04-09
  • 女子在自家院子乘凉 被后山滚落千斤巨石砸死 2019-04-07
  • 很深刻。当今城市化基本出于房地资本的繁衍需要与维持粗陋GDP的无奈,越来越显露其反动性。 2019-04-03
  • 故都之秋,惊艳了整个华东文章中国国家地理网 2019-04-03
  • 中国虚拟现实创新创业大赛南昌赛区颁奖仪式举行 2019-03-31
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-03-31
  • 蔡英文,赖清德,李登辉,陈水扁..... 2019-03-24
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-03-22
  • 上海电影节第三日:电影市场热议产业新形势 2019-03-22
  • 特朗普雇佣资深律师应对涉俄调查 2019-03-18
  • 两部门:支持建设一批乡土经济活跃的农业产业强镇 2019-03-17
  • 法国总统马克龙首次访华 法国居民期待成果 2019-03-16
  • 北京pk10资料大全 任选9场历史奖金表 p3试机号p3试机号查询 北京快中彩玩法 炸金花下载大全 北京赛车游戏有假吗 大乐透2012年118期 pk107码实用方法 大乐透机选 十一运夺金今日预测杀码号 内蒙古时时彩软件 网球比分直播 体彩20选5怎样算中奖 福彩3d开奖结果 体彩超级大乐透 体彩顶呱刮中奖技巧