<!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title>传智官网</title>
         <link rel="stylesheet" type="text/css" href="css/c_z_g_w.css" />
     </head>
     <body>
         <div class="body">
             <div class="head">
                 <div class="head_top">
                     <p>专业java,php,html,css培训机构,值得你信赖...<span>网站首页&nbsp;|&nbsp;网站首页&nbsp;|&nbsp;网站首页&nbsp;|&nbsp;网站首页&nbsp;|&nbsp;网站首页&nbsp;|&nbsp;网站首页&nbsp;|网站首页&nbsp;</span></p>
                 </div>
                 <div class="head_conten">
                     <div class="head_conten_left">

                         </div>
                         <div class="head_conten_conten"><br />
                             <h3>PHP学院</h3>
                             <table>
                                 <tr>
                                     <td>北金小区</td>
                                     <td>上海小区</td>
                                     <td>深圳小区</td>
                                 </tr>
                                 <tr>
                                     <td>广州小区</td>
                                     <td colspan="2">长沙小区</td>
                                 </tr>
                             </table>
                         </div>
                         <div class="head_conten_right">

                         </div>
                         <div class="clear"></div>
                     </div>
                 <div class="head_footer">
                     <ul>
                         <li class="index">课程介绍</li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                         <li><a href="#">课程介绍</a></li>
                     </ul>
                 </div>
             </div>
             <div class="conten">
                 <div class="conten_top">
                     <ul>
                         <li>php学院</li>
                         <li>php学院</li>
                         <li>php学院</li>
                         <li>php学院</li>
                         <li>php学院</li>
                         <li class="conten_top_index">其他学院入口:</li>
                     </ul>
                  </div>

                  <div class="conten_letf">
                      <div class="conten_letf_top">
                          <p>我们开学了<span>今天来到向往已久的广州传智播客IT培训机构...</span></p>
                      </div>
                      <div class="conten_left_left">
                          <img src="data:images/ppt1.jpg" />
                      </div>
                      <div class="conten_left_right">
                          <ul>
                              <li>
                                  <img src="data:images/sheying.png" />
                                  <p>23期有个叫D xx</p>
                              </li>
                              <li>
                                  <img src="data:images/sheying.png" />
                                  <p>23期有个叫D xx</p>
                              </li>
                              <li>
                                  <img src="data:images/sheying.png" />
                                  <p>23期有个叫D xx</p>
                              </li>
                              <li>
                                  <img src="data:images/sheying.png" />
                                  <p>23期有个叫D xx</p>
                              </li>
                          </ul>
                      </div>
                      <div class="clear"></div>
                      <div class="conten_letf_footer">
                          <img src="data:images/college.jpg" />
                          <ul>
                              <li>拒绝"上半天,自学半天"的教学培训&nbsp;<img src="data:images/hot.gif"/></li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训 <img src="data:images/new.jpg"/></li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li>拒绝"上半天,自学半天"的教学培训</li>
                              <li class="conten_letf_footer_more"></li>
                          </ul>
                      </div>
                  </div>
                  <div class="conten_right">
                      <ul>
                          <li class="conten_right_index">php 23期培训班广州开启</li>
                          <li class="conten_right_h5">php 预科班</li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_bule">爆冷已开班</span></li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_red">预约开班</span></li>
                          <li class="conten_right_h5">php 基础班</li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_bule">爆冷已开班</span></li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_red">预约开班</span></li>
                          <li class="conten_right_h5">php 就业班</li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_bule">爆冷已开班</span></li>
                          <li class="conten_right_conten">广州--11月15日<span class="conten_right_conten_red">预约开班</span></li>
                      </ul>
                  </div>
                  <div class="enterprise">
                      <ul>
                          <li class="enterprise_top">最新公司招聘IT人才</li>
                          <li class="enterprise_logo"><img src="data:images/img11.jpg"/></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li>北京博昂德威公司招聘IT人才<span>若干&nbsp;11.15</span></li>
                          <li class="enterprise_more"><span><img src="data:images/more01.gif"/></span></li>
                      </ul>
                  </div>
                  <div class="school_news">
                      <div class="conten_letf_top">
                          <p>校园动态</p>
                      </div>
                      <div class="conten_left_left">
                          <img src="data:images/img06.jpg" />
                          <p>开拓视野,展现自我,,“非你莫属”我们来啦!</p>
                      </div>
                      <div class="school_news_title">
                          <ul>
                             <li class="school_news_title_top">PHP学院动态</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                             <li>PHP学院IT专场招聘会成功举办!</li>
                          </ul>
                      <p><img src="data:images/more01.gif"/>&nbsp;</p>
                      </div>
                  </div>
                  <div class="enterprise">
                      <ul>
                          <li class="enterprise_top">常见问题</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>北京博昂德威公司招聘IT人才</li>
                          <li>学php需要具备哪些条件?</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>北京博昂德威公司招聘IT人才</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>学完PHP之后可以做什么?</li>
                          <li>北京博昂德威公司招聘IT人才</li>
                          <li>你们的课程安排,是怎么样的?</li>
                          <li>你们的课程安排,是怎么样的??</li>
                          <li>北京博昂德威公司招聘IT人才</li>
                          <li>学php需要具备哪些条件?</li>
                          <li class="enterprise_more"><span><img src="data:images/more01.gif"/></span></li>
                      </ul>
                  </div>
                  <div class="forum">
                      <div class="conten_letf_footer_forum">
                         论坛热帖<span>+MORE</span>
                     </div>
                     <ul>
                         <li>拒绝"上半天,自学半天"的教学培训</li>
                         <li>金秋十月,传智1016PHP就业班开班啦</li>
                         <li>拒绝"上半天,自学半天"的教学培训 </li>
                         <li>拒绝"上半天,自学半天"的教学培训</li>
                         <li>php升级之后,网站显示空白</li>
                         <li>拒绝"上半天,自学半天"的教学培训</li>
                         <li>"上半天,自学半天"的教学培训</li>
                         <li>求助:php升级之后,网站显示空白</li>
                         <li>拒绝"上半天,自学半天"的教学培训</li>
                         <li>金秋十月,传智1016PHP就业班开班啦</li>
                         <li>拒绝"上半天,自学半天"的教学培训</li>
                         <li>金秋十月,传智1016PHP就业班开班啦</li>
                     </ul>
                  </div>
                  <div class="school_news">
                      <div class="conten_letf_footer_forum">
                         就业之星<span>+MORE</span>
                     </div>
                      <div class="conten_left_left">
                          <img src="data:images/img07.jpg" />
                          <br />
                          <p>传智播客PHP学院就业明星-就是你!</p>
                      </div>
                      <div class="school_news_title">
                          <ul>
                             <li class="school_news_title_top">就业信息</li>
                             <li>贾** 2013.11.26 六*广告有限公司 10000!</li>
                             <li>鲍** 2013.11.19 佰*科技有限公司8000!</li>
                             <li>耿 * 2013.11.21 中*百文有限公司 7500!</li>
                             <li>贾** 2013.11.26 六*广告有限公司 10000!</li>
                             <li>鲍** 2013.11.19 佰*科技有限公司 8000!</li>
                             <li>鲍** 2013.11.19 佰*科技有限公司8000!</li>
                             <li>鲍** 2013.11.19 佰*科技有限公司8000!</li>
                             <li>贾** 2013.11.26 六*广告有限公司 10000!</li>
                             <li>耿 * 2013.11.21 中*百文有限公司 7500!</li>
                          </ul>
                      </div>
                  </div>
                  <div class="course">
                      <ul>
                          <li class="enterprise_top">课程咨询</li>
                          <li class="course_num"><img src="data:images/qqbg01.gif" align="left" />  传智播客</li>
                          <li><img src="data:images/qq01.jpg"/></li>
                          <li><img src="data:images/qq02.jpg"/></li>
                          <li><img src="data:images/qq03.jpg"/></li>
                          <li><img src="data:images/qq04.jpg"/></li>
                          <li></li>
                      </ul>

                      <ul>
                          <li class="course_num"><img src="data:images/qqbg02.gif" align="left" />  传智播客</li>
                          <li><img src="data:images/qq03.jpg"/></li>
                          <li><img src="data:images/qq01.jpg"/></li>
                          <li><img src="data:images/qq04.jpg"/></li>
                          <li><img src="data:images/qq01.jpg"/></li>
                      </ul>
                  </div>
                  <div class="forum">
                      <div class="conten_letf_footer_forum">
                         PHP名师解答<span>+MORE</span>
                     </div>
                     <ul>
                         <li>PHP应该学什么,如何学好PHP(三)</li>
                         <li>PHP应该学什么,如何学好PHP(三)</li>
                         <li>一个渴求学习但不知如何下手学生咨询</li>
                         <li>韩老师,能把PHP课程笔记发给我吗?</li>
                         <li>韩老师,能把PHP课程笔记发给我吗?</li>
                         <li>一个渴求学习但不知如何下手学生咨询</li>
                         <li>PHP应该学什么,如何学好PHP(三)</li>
                         <li>PHP应该学什么,如何学好PHP(三)</li>
                         <li>一个渴求学习但不知如何下手学生咨询</li>
                         <li>金秋十月,传智1016PHP就业班开班啦</li>
                         <li>一个渴求学习但不知如何下手学生咨询</li>
                         <li>韩老师,能把PHP课程笔记发给我吗?</li>
                     </ul>
                  </div>
                  <div class="friendly">
                      <ul>
                          <li class="friendly_img"></li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                          <li>php学院</li>
                      </ul>
                  </div>
             </div>
         </div>
     </body>
 </html>

css样式:

     body,p,ul,li,h3{
                 margin: 0px;
                 padding: 0px;
                 list-style: none;
             }
             body{
                 background: url(../images/bg-body.gif) repeat-x;
             }
             /*页面主体框架div*/
             .body{
                 width: 1000px;
                 height: 800px;
                 margin:0 auto;
             }
             a{
                 text-decoration: none;
             }
             a:link,a:visited{
                 color: white;
             }
             a:hover{
                 display: block;
                 transition: all 1s;
                 color: coral;
                 background: url(../images/menu1.gif) no-repeat;
             }

             /*头部head div*/
             .head{
                 background-image:url(../images/bg-body.gif);
                 width: 1000px;
                 height: 192px;

             }
             /*头部里面的top*/
             .head_top{
                 font-size: 14px;
                 height: 28px;
                 line-height: 28px;
                 color: blue;
             }
             .head_top span{
                 float: right;
                 color: gray;
 ;
             }

             /*头部的中间conten部分*/
             .head_conten{
                 height: 120px;
                 background: url(../images/bg-logo.jpg) no-repeat bottom;

             }
             .head_conten_left{
                 width: 250px;
                 height: 102px;
                 float: left;
                 background: url(../images/logo.gif)  no-repeat bottom;
             }
             .head_conten_conten{
                 width: 380px;
                 height: 102px;
                 float: left;

             }
             h3{
                 font-weight:bold;
                 font-family: "微软雅黑";
                 font-size: 20px;
                 color: #0000FF;
             }
             table{
                 margin-top: 5px;
             }
             .head_conten_conten td{
                 width: 78px;
                 height: 20px;
                 font-size: 12px;
                 color: white;
                 padding-left: 10px;
                 background: url(../images/li01.png) no-repeat;
             }
             .head_conten_right{
                 width: 358px;
                 height: 102px;
                 float: left;
                 background:url(../images/topword.gif) no-repeat bottom;
             }

             /*清除浮动*/
             .clear{
                 clear: both;
             }

             /*头部的底部footer*/
             .head_footer{
                 height: 47px;
             }
             .head_footer li{
                 width:87px;
                 height: 47px;
                 margin-left: 15px;
                 text-align: center;
                 float: left;
                 color: white;
                 font-size: 14px;
                 font-weight: bold;
                 line-height: 47px;
                 list-style: none;
             }
             /*导航条的首页两字背景*/
             .index{
                 background: url(../images/menu2.gif) no-repeat center;
             }

             /*这是conten内容部分*/
             .conten{
                 width: 1000px;
                 height: 1860px;
                 margin-bottom: 50px;
                 background-color:#F1F1F1;

             }
             .conten_top{
                 height: 35px;
                 background: url(../images/share.jpg) no-repeat 10px center;
             }
             .conten_top li{
                 width: 70px;
                 font-size: 13px;
                 float: right;
                 line-height:35px ;
                 list-style-image: url(../images/li02.jpg);
             }
             .conten_top .conten_top_index{
                 font-weight: bold;
                 list-style:none ;
                 width:110px ;
             }

             /*内容部分的左边left*/
             .conten_letf{
                 width: 700px;
                 height: 540px;
                 margin-left: 10px;
                 float: left;
                 background-color:white ;
             }
             .conten_letf_top{
                 height: 27px;
                 line-height: 27px;
                 margin: 5px;
                 padding-bottom: 2px;
                 border-bottom: 1px solid gainsboro;
             }
             .conten_letf_top p{
                 color: #0000FF;
                 font-size: 18px;
                 font-weight: bold;
             }
             .conten_letf_top span{
                 float: right;
                 font-size: 15px;
                 color: gray;
                 background: url(../images/jiantou.jpg) no-repeat right center;
                 padding-right: 20px;
             }
             .conten_left_left{
                 width: 300px;
                 height: 220px;
                 margin: 5px;
                 float: left;

             }
             .conten_left_right,.school_news_title{
                 width: 360px;
                 height: 220px;
                 margin: 5px 0 0 5px;
                 float: right;
             }
             .conten_left_right li{
                 list-style: none;
                 width: 170px;
                 height: 120px;
                 font-size: 14px;
                 margin: 0 4px 4px 0;
                 float: left;
                 text-align: center;
             }

             /*conten的底部*/
             .conten_letf_footer{
                 height: 250px;
                 width: 700px;
                 margin-top: 20px;
                 float: left;
             }
             .conten_letf_footer li{
                 height: 30px;
                 width: 290px;
                 line-height: 30px;
                 margin: 5px 20px 0px 10px;
                 font-size: 15px;
                 padding-left: 20px;
                 float: left;
                 background: url(../images/li01.jpg) no-repeat left  center;
             }
             .conten_letf_footer .conten_letf_footer_more{
                 width:650px ;
                 background: url(../images/more01.gif) no-repeat right center;
             }

             /*内容部分的右边*/
             .conten_right{
                 width: 264px;
                 height: 300px;
                 float: right;
                 background-color:gainsboro;

             }
             .conten_right li{
                 list-style: none;
                 color: royalblue;
                 font-size: 14px;
                 height: 20px;
                 width: 240px;
                 margin: 6px;
                 line-height: 20px;
             }
             .conten_right .conten_right_index{
                 height: 35px;
                 width: 230px;
                 margin: 0px;
                 line-height: 35px;
                 color: white;
                 font-size: 16px;
                 padding-left: 34px;
                 background: url(../images/righttitle.gif) no-repeat;
             }
             .conten_right .conten_right_h5{
                 font-size: 14px;
                 color: black;
                 font-weight: bold;
             }
             .conten_right_conten{
                 border-bottom: 1px dashed gainsboro;
             }
             .conten_right_conten span{
                 float: right;
                 font-size: 15px;
             }
             .conten_right_conten .conten_right_conten_bule{
                 color: blue;
                 font-weight: bold;
             }
             .conten_right_conten .conten_right_conten_red{
                 color: red;
                 font-weight: bold;
             }            

             /*右边企业招聘*/
             .enterprise{
                 width:264px;
                 height:510px;
                 margin-top:10px;
                 float: right;
                 background-color: white;
                         border-right: 5px solid gainsboro;
             }
             .enterprise li{
                 height: 30px;
                 width: 245px;
                 line-height: 30px;
                 font-size: 12px;
                 margin-left: 5px;
                 padding-left: 10px;
                 background:url(../images/li04.jpg) no-repeat left center ;
             }
             .enterprise span{
                 float: right;
             }
             .enterprise .enterprise_top{
                 background: url(../images/jiantou.jpg) no-repeat right center;
                 font-family: "微软雅黑";
                 font-size: 16px;
                 color: brown;
                 height: 35px;
                 padding-left: 0px;
                 line-height: 35px;
                 margin-bottom: 5px;
                 border-bottom: 1px solid darkgray;
             }
             .enterprise .enterprise_logo{
                 background: none;
                 text-align: center;
                 height:66px;
                 margin: 0px;
                 padding-left: 0px;
                 width:264px ;
             }
             .enterprise .enterprise_more{
                 margin-top: 10px;
                 background: none;
             }

             /*学院动态*/
             .school_news{
                 width: 700px;
                 height: 300px;
                 float: left;
                 margin: 10px;
                 background-color: white;
             }
             .school_news .conten_left_left p{
                 font-size: 12px;
                 color: red;
                 text-align: center;
             }
             .school_news_title p{
                 text-align: right;
             }
             .school_news_title li{
                 font-size: 13px;
                 height: 22px;
                 line-height: 22px;
                 padding-left: 10px;
                 background: url(../images/li04.jpg) no-repeat left center;
             }
             .school_news_title .school_news_title_top{
                 height: 30px;
                 font-size: 18px;
                 background: none;
                 font-weight: bold;
             }

             /*论坛框*/
             .forum{
                 width: 700px;
                 height: 250px;
                 margin-left: 10px;
                 float: left;
                 background-color:white ;

             }
             .forum li{
                 height: 30px;
                 width: 290px;
                 line-height: 30px;
                 margin: 5px 20px 0px 10px;
                 font-size: 15px;
                 padding-left: 20px;
                 float: left;
                 background: url(../images/li05.gif) no-repeat left center;
             }
             .conten_letf_footer_forum{
                 width:660px ;
                 height: 25px;
                 margin: 5px;
                 padding-left: 20px;
                 line-height: 25px;
                 background: url(../images/bg01.gif) no-repeat left center;
                 border-bottom: 1px solid grey;
             }
             .conten_letf_footer_forum span{
                 float: right;
             }

             /*课程框*/
             .course{
                 width:264px;
                 height:340px;
                 margin-top:10px;
                 float: right;
                 background-color:gainsboro;
             }
             .course li{
                 height:27px ;
                 width: 99px;
                 float: left;
                 margin:5px 15px;
             }
             .course .enterprise_top{
                 width: 250px;
                 font-family: "微软雅黑";
                 font-size: 16px;
                 color: brown;
                 height: 35px;
                 padding-left: 0px;
                 line-height: 35px;
                 margin: 5px;
                 border-bottom: 1px solid darkgray;
             }
             .course .course_num{
                 text-align: right;
                 font-size: 18px;
                 margin: 5px;;
                 font-weight: bold;
                 color:grey;
                 width: 246px;
                 height:40px;
 /*                background:url(../images/qqbg01.gif) no-repeat left bottom;*/
             }

             /*友情链接框*/
             .friendly{
                 width: 1000px;
                 height: 100px;
                 float: left;
                 margin-top: 20px;
                 background-color:ghostwhite;
                 padding: 6px 0px;
             }
             .friendly li{
                 width: 100px;
                 height: 30px;
                 font-size: 14px;
                 line-height: 30px;
                 color: blue;
                 float: left;
             }
             .friendly .friendly_img{
                 width: 100px;
                 height: 100px;
                 background: url(../images/links.jpg) no-repeat  center center;
             }

效果图:

每天学习一点点...css...的更多相关文章

  1. 9大理由告诉你为什么应该学习HTML跟CSS

    你是不是听过太多人告诉你:「人人都应该要会 coding!」都快要不耐烦了对吧? 究竟为什么身为一个行销专业者.作家.金融巨擘--,整个世界还要你学会 coding? 事实上仅仅要对 HTML.CSS ...

  2. 我给女朋友讲编程总结建议篇,怎么学习html和css

    总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东 ...

  3. 我们应当怎样学习HTML和CSS

    目标读者:web前端小白.大神请绕路 学习一门新技术,应当找一本经典入门书,在两三天之内快速翻阅完毕,了解其概貌. 然后再制定一个学习路线图(这个路线图绝大多数情况下非书本目录的顺序),接着遵循学习路 ...

  4. Gulp学习指南之CSS合并、压缩与MD5命名及路径替换(转载)

    本文转载自: Gulp学习指南之CSS合并.压缩与MD5命名及路径替换

  5. HTML+CSS学习笔记 (7) - CSS样式基本知识

    HTML+CSS学习笔记 (7) - CSS样式基本知识 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌 ...

  6. 前端学习之路-CSS介绍,Html介绍,JavaScript介绍

    CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 & ...

  7. 重新学习html和css

    当初学习前端的时候,属于快速入门那种,没有好好深入学习html和css.如今,在空闲时间重新拿起基础书学习,都会写到一些新的知识. 1.css实现圆角.渐变功能.使用border-radius以及li ...

  8. 前端学习:学习笔记(CSS部分)

    前端学习:学习笔记(CSS部分) CSS的学习总结(图解) CSS的引入方式和书写规范 CSS的插入方式_内嵌样式 <!DOCTYPE html> <html> <hea ...

  9. 快速学习html、css的经典笔记

    HTML语言剖析 Html简介-目录 全写: HyperText Mark-up Language  译名: 超文本标识语言  简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag ...

随机推荐

  1. 开发者所需要知道的iOS7 SDK新特性

    iOS 7 春风又绿加州岸,物是人非又一年.WWDC 2013 keynote落下帷幕,新的iOS开发旅程也由此开启.在iOS7界面重大变革的背后,开发者们需要知道的又有哪些呢.同去年一样,我会先简单 ...

  2. ASP.NET Web安装程序

    键发布ASP.NET Web安装程序,搞WebForm的童鞋看过来... 前言:最近公司有个Web要发布,但是以前都是由实施到甲方去发布,配置,这几天有点闲,同事让我搞一个一键发布,就和安装软件那样的 ...

  3. Mathematics for Computer Graphics

    Mathematics for Computer Graphics 最近严重感觉到数学知识的不足! http://bbs.gameres.com/showthread.asp?threadid=105 ...

  4. Java中Path和CLASSPATH的正确配置

    JAVA_HOME: D:\soft\study\jdk1.7.0_01 JAVA_HOME里配置的是我们jdk安装的路径,这样配置就好.如果你是要用到JAVA_HOME的话,那就不要在JAVA_HO ...

  5. WCF 学习笔记之双工实现

    WCF 学习笔记之双工实现 其中 Client 和Service为控制台程序 Service.Interface为类库 首先了解契约Interface两个接口 using System.Service ...

  6. Chrome浏览器网页截全屏算法以及实现

    做个一个简单的批量下载插件叫“挖一下”, 正如插件的名字一样,采集网页里面的所有图片,根据筛选条件过滤不需要的图片,最后下载选中的图片. 索性把网页也一起给截了,截屏分两种: 1.可见内容截屏 2.完 ...

  7. .Net 中的反射机制

    .Net 中的反射机制 概述反射 通过反射可以提供类型信息,从而使得我们开发人员在运行时能够利用这些信息构造和使用对象. 反射机制允许程序在执行过程中动态地添加各种功能. 运行时类型标识 运行时类型标 ...

  8. 计算机就是用命换的行业,多干一年程序猿,寿命将减少2年,干20年的编程苦力,基本60岁之前你就要OVER了

    if  c++==python:(869710179) 2013-7-6 10:21:31 计算机本来就是用命换的行业 爱笑的眼睛(373213735) 2013-7-6 10:21:55 if  c ...

  9. shell脚本兼容linux/unix与windows/cygwin的基础(注意处理好CR, LF, CR/LF 回车 换行的问题)

    shell脚本兼容linux/unix与windows/cygwin的基础 :统一文本格式为:unix文本格式,即于LF为换行符(推荐方案) 在notepad上设置:编辑->档案格式转换-> ...

  10. 怎么在Windows下安装Linux虚拟机

    前提:①电脑有安装好VMware Workstation Pro虚拟机,没有的话点此下载并安装.②下载好CentOS-7-x86_64-DVD-1503-01镜像文件,没有点此下载密码:lomg. 1 ...