百度前端技术学院-task1.8源代码以及个人总结

前端开发作者： 2024-08-25 22:25:02

通过这次任务的练习我学到了很多，现将所学到的以及遇到的问题总结如下。源码地址：http://pan.baidu.com/s/1kVB2VZL 下面出现的代码，都是摘自这个上面的源码 1、终于明白了a

.clearfix { 
  *zoom: 1; 
} 
.clearfix:before,.clearfix:after { 
  display: table; 
  line-height: 0; 
  content: ""; 
} 
.clearfix:after { 
  clear: both; 
}

outline: none;

border: none;

-moz-box-sizing: border-box;  /*Firefox3.5+*/
-webkit-box-sizing: border-box; Safari3.2+
-o-box-sizing: border-box; Opera9.6
-ms-box-sizing: border-box; IE8
box-sizing:border-box;

.query-info-1 li:hover:before,.query-info-1 li.cur:before{
    content:'';
    position:absolute;
    top:-1px;
    left:
    width:110px;
    height:4px;
    background:#4388c9;
}

                <li>
                    input type="radio" name='tabs' id='tab1' checked label for="tab1">项目一</labeldiv ='tab_menu1'>
                          table>
                            tr><td>购买材料一> div>
                  >

.project_tab_menu [id^='tab']:checked ~ [id^='tab_menu']{
    display: block;403px;
    border-radius:0 5px 5px;
    padding:28px 40px 35px 38px;0;40px;
    font-size: 14px;
    border: 1px solid #DDDDDD;
}
.project_tab_menu [id^='tab']:checked~label{/*当选中tab开头的id,则为其后面的label元素添加下面这些样式*/ relative;
    z-index: 1;1px solid #DDDDDD;
    border-bottom: none; #fff;28px; 14px;
}

[title~=flower]
{ 
background-color:yellow;
}

vertical-align:middle;

input{5px;5px;
}

.project table tr td{1px solid #D6D6D6;
}
.project table{
        border-collapse:collapse;
        color:#64656A;
}

11、后面再写页面的时候，可以先设置reset.css,这样比较省时省力。

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_68631.html

相关资讯：百度前端技术学院-task1.8源代码以及个人总结

百度前端技术学院-task1.8源代码以及个人总结

猜你喜欢

相关新闻

推荐模板

推荐精华

热门标签