誰(shuí)有全套代碼，跟著敲太痛苦了
誰(shuí)有全套代碼，跟著敲太痛苦了
jjccjwdlh
2018-09-14
3 回答
舉報(bào)
0/150
提交
取消
2018-12-27
代碼真多啊，都是大神級(jí)別的。
2018-10-23
課程代碼
body,?div,?dl,?dt,?dd,?ul,?li,?h1,?h2,?h3,?h4,?h5,?h6,?input,?form,?a,?p,?textarea?{ ??margin:?0; ??padding:?0; ??font-family:?helvetica; } ul,?ol,?li?{ ??list-style:?none; } a?{ ??text-decoration:?none; ??color:?#fff; ??display:?block; } img?{ ??border:?none; ??display:?block; } .clearfloat?{ ??zoom:?1; } .clearfloat:after?{ ??display:?block; ??clear:?both; ??content:?""; ??visibility:?hidden; ??height:?0; }.box?{ ??min-width:?1160px; } .public-header?{ ??height:?110px; } .public-header?.header-logo?{ ??float:?left; ??margin-top:?40px; } .public-header?.header-logo?a?{ ??height:?54px; ??width:?182px; ??background:?url("../img/index-header-logo.png")?no-repeat; } .public-header?.header-nav?{ ??float:?right; ??font-size:?14px; } .public-header?.header-nav?.item?{ ??float:?left; ??margin-top:?44px; ??margin-left:?50px; } .public-header?.header-nav?a?{ ??color:?#3b3b3b; } .public-header?.header-nav?a:hover?{ ??text-decoration:?underline; } .public-container?{ ??position:?relative; ??margin:?0?auto; ??width:?1100px; } .public-footer?{ ??height:?218px; ??margin-top:?200px; ??padding-top:?100px; ??background:?#3b3b3b; } .public-footer?.footer-col?{ ??width:?230px; ??float:?left; ??margin-right:?60px; ??font-size:?16px; ??color:?#FFFFFF; ??line-height:?1.8; } .public-footer?.footer-col:last-child?{ ??margin-right:?0; } .public-footer?.footer-logo?{ ??width:?182px; ??height:?55px; ??margin-top:?-10px; ??margin-bottom:?10px; ??background:?url("../img/index-footer-logo.png")?no-repeat; }/*廣告區(qū)*/ .index-banner?{ ??position:?relative; ??background:?rgba(0,?0,?0,?.1); } .index-banner-bg?{ ??height:?565px; ??overflow:?hidden; } .index-banner-bg?img?{ ??margin:?0?auto; } .index-banner-text?{ ??position:?absolute; ??top:?200px; ??left:?50%; ??margin-left:?-388px; } .index-banner-text?.text-logo?{ ??width:?776px; ??height:?117px; ??background:?url("../img/index-banner-text-logo.png")?no-repeat; } .index-banner-text?.text-info?{ ??margin-top:?17px; ??text-align:?center; ??color:?#fff; } .index-banner-text?.text-info?.line?{ ??display:?inline-block; ??width:?40px; ??border-top:?1px?solid?#fff; ??vertical-align:?middle; } .index-banner-text?.text-info?.txt?{ ??margin:?0?26px; } /*menu區(qū)*/ .index-menu?{ ??position:?relative; ??border-top:?4px?solid?#f34949; } .index-menu?.menu-tips?{ ??position:?absolute; ??left:?50%; ??top:?0; ??margin-left:?-78px; ??width:?156px; ??height:?75px; ??text-align:?center; ??line-height:?65px; ??color:?#fff; ??background:?#f34949; } .index-menu?.menu-tips:after?{ ??position:?absolute; ??content:?""; ??left:?0; ??bottom:?0; ??width:?0; ??height:?0; ??border-left:?78px?solid?transparent; ??border-right:?78px?solid?transparent; ??border-bottom:?10px?solid?#fff; } .index-menu?.menu-list?{ ??margin-top:?150px; ??color:?#555; ??overflow:?hidden; } .index-menu?.menu-list?ul?{ ??width:?1160px; } .index-menu?.menu-item?{ ??float:?left; ??width:?520px; ??margin-right:?60px; ??margin-bottom:?56px; ??position:?relative; } .index-menu?.menu-item?.title,?.index-menu?.menu-item?.line,?{ ??float:?left; } .index-menu?.menu-item?.price?{ ??position:?absolute; ??top:?10px; ??right:?5px; } .index-menu?.menu-item?.title?{ ??width:?230px; ??color:?#555; ??overflow:?hidden; ??white-space:?nowrap; ??text-overflow:?ellipsis; } .index-menu?.menu-item?.comment?{ ??margin-top:?4px; ??color:?#b7b7b7; ??font-size:?12px; } .index-menu?.menu-item?.line?{ ??margin-top:?10px; ??width:?192px; ??border-top:?1px?solid?#e3e1e1; } .index-menu?.menu-more-btn?{ ??margin:?0?auto; ??width:?114px; ??height:?32px; ??padding-left:?16px; ??border:?1px?solid?#d7d5d5; ??font-size:?14px; ??line-height:?32px; ??color:?#b7b7b7; } .index-menu?.menu-more-btn?.icon?{ ??display:?inline-block; ??width:?11px; ??height:?7px; ??margin-left:?10px; ??background:?url("../img/index-btn-icon.png")?no-repeat; } /*菜單區(qū)*/ .index-panel?{ ??margin-top:?200px; } .index-panel-header?h3?{ ??float:?left; ??margin-right:?48px; ??font-size:?20px; ??color:?#3b3b3b; ??font-weight:?normal; } .index-panel-header?.line?{ ??float:?left; ??margin-top:?10px; ??width:?200px; ??border-top:?1px?solid?#e5e3e3; } .index-panel-header?.btn-group?{ ??font-size:?0; ??float:?right; } .index-panel-header?.btn?{ ??display:?inline-block; ??margin-left:?11px; ??width:?9px; ??height:?9px; ??background:?#dedede; ??border-radius:?50%; } .index-panel-header?.active?{ ??background:?#9b9b9b; } .index-panel-body?{ ??margin-top:?75px; } .index-food-list?{ ??overflow:?hidden; } .index-food-list?ul?{ ??width:?1160px; } .index-food-list?.food-item?{ ??float:?left; ??width:?230px; ??margin-right:?60px; } .index-food-list?.food-item?.banner?{ ??margin-bottom:?30px; ??height:?202px; } .index-food-list?.food-item?.name?{ ??color:?#555; ??margin-bottom:?10px; } .index-food-list?.food-item?.price?{ ??float:?right; } .index-food-list?.food-item?.star-bar?{ ??font-size:?0; } .index-food-list?.food-item?.star?{ ??display:?inline-block; ??width:?12px; ??height:?13px; ??margin-right:?5px; ??background-image:?url("../img/index-star.png"); ??background-repeat:?no-repeat; } .index-food-list?.food-item?.nostar?{ ??background-position:?0?-12px; } .index-pics?{ ??height:?380px; ??overflow:?hidden; } .index-pics?.pic-col?{ ??float:?left; } .index-pics?.pic-col-m?{ ??width:?353px; } .index-pics?.pic-col-s?{ ??width:?287px; } .index-pics?.pic-col-l?{ ??width:?460px; }2018-10-23
body,?div,?dl,?dt,?dd,?ul,?li,?h1,?h2,?h3,?h4,?h5,?h6,?input,?form,?a,?p,?textarea?{??margin:?0;??padding:?0;??font-family:?helvetica;}ul,?ol,?li?{??list-style:?none;}a?{??text-decoration:?none;??color:?#fff;??display:?block;}img?{??border:?none;??display:?block;}.clearfloat?{??zoom:?1;}.clearfloat:after?{??display:?block;??clear:?both;??content:?"";??visibility:?hidden;??height:?0;}.box?{??min-width:?1160px;}.public-header?{??height:?110px;}.public-header?.header-logo?{??float:?left;??margin-top:?40px;}.public-header?.header-logo?a?{??height:?54px;??width:?182px;??background:?url("../img/index-header-logo.png")?no-repeat;}.public-header?.header-nav?{??float:?right;??font-size:?14px;}.public-header?.header-nav?.item?{??float:?left;??margin-top:?44px;??margin-left:?50px;}.public-header?.header-nav?a?{??color:?#3b3b3b;}.public-header?.header-nav?a:hover?{??text-decoration:?underline;}.public-container?{??position:?relative;??margin:?0?auto;??width:?1100px;}.public-footer?{??height:?218px;??margin-top:?200px;??padding-top:?100px;??background:?#3b3b3b;}.public-footer?.footer-col?{??width:?230px;??float:?left;??margin-right:?60px;??font-size:?16px;??color:?#FFFFFF;??line-height:?1.8;}.public-footer?.footer-col:last-child?{??margin-right:?0;}.public-footer?.footer-logo?{??width:?182px;??height:?55px;??margin-top:?-10px;??margin-bottom:?10px;??background:?url("../img/index-footer-logo.png")?no-repeat;}/*廣告區(qū)*/.index-banner?{??position:?relative;??background:?rgba(0,?0,?0,?.1);}.index-banner-bg?{??height:?565px;??overflow:?hidden;}.index-banner-bg?img?{??margin:?0?auto;}.index-banner-text?{??position:?absolute;??top:?200px;??left:?50%;??margin-left:?-388px;}.index-banner-text?.text-logo?{??width:?776px;??height:?117px;??background:?url("../img/index-banner-text-logo.png")?no-repeat;}.index-banner-text?.text-info?{??margin-top:?17px;??text-align:?center;??color:?#fff;}.index-banner-text?.text-info?.line?{??display:?inline-block;??width:?40px;??border-top:?1px?solid?#fff;??vertical-align:?middle;}.index-banner-text?.text-info?.txt?{??margin:?0?26px;}/*menu區(qū)*/.index-menu?{??position:?relative;??border-top:?4px?solid?#f34949;}.index-menu?.menu-tips?{??position:?absolute;??left:?50%;??top:?0;??margin-left:?-78px;??width:?156px;??height:?75px;??text-align:?center;??line-height:?65px;??color:?#fff;??background:?#f34949;}.index-menu?.menu-tips:after?{??position:?absolute;??content:?"";??left:?0;??bottom:?0;??width:?0;??height:?0;??border-left:?78px?solid?transparent;??border-right:?78px?solid?transparent;??border-bottom:?10px?solid?#fff;}.index-menu?.menu-list?{??margin-top:?150px;??color:?#555;??overflow:?hidden;}.index-menu?.menu-list?ul?{??width:?1160px;}.index-menu?.menu-item?{??float:?left;??width:?520px;??margin-right:?60px;??margin-bottom:?56px;??position:?relative;}.index-menu?.menu-item?.title,?.index-menu?.menu-item?.line,?{??float:?left;}.index-menu?.menu-item?.price?{??position:?absolute;??top:?10px;??right:?5px;}.index-menu?.menu-item?.title?{??width:?230px;??color:?#555;??overflow:?hidden;??white-space:?nowrap;??text-overflow:?ellipsis;}.index-menu?.menu-item?.comment?{??margin-top:?4px;??color:?#b7b7b7;??font-size:?12px;}.index-menu?.menu-item?.line?{??margin-top:?10px;??width:?192px;??border-top:?1px?solid?#e3e1e1;}.index-menu?.menu-more-btn?{??margin:?0?auto;??width:?114px;??height:?32px;??padding-left:?16px;??border:?1px?solid?#d7d5d5;??font-size:?14px;??line-height:?32px;??color:?#b7b7b7;}.index-menu?.menu-more-btn?.icon?{??display:?inline-block;??width:?11px;??height:?7px;??margin-left:?10px;??background:?url("../img/index-btn-icon.png")?no-repeat;}/*菜單區(qū)*/.index-panel?{??margin-top:?200px;}.index-panel-header?h3?{??float:?left;??margin-right:?48px;??font-size:?20px;??color:?#3b3b3b;??font-weight:?normal;}.index-panel-header?.line?{??float:?left;??margin-top:?10px;??width:?200px;??border-top:?1px?solid?#e5e3e3;}.index-panel-header?.btn-group?{??font-size:?0;??float:?right;}.index-panel-header?.btn?{??display:?inline-block;??margin-left:?11px;??width:?9px;??height:?9px;??background:?#dedede;??border-radius:?50%;}.index-panel-header?.active?{??background:?#9b9b9b;}.index-panel-body?{??margin-top:?75px;}.index-food-list?{??overflow:?hidden;}.index-food-list?ul?{??width:?1160px;}.index-food-list?.food-item?{??float:?left;??width:?230px;??margin-right:?60px;}.index-food-list?.food-item?.banner?{??margin-bottom:?30px;??height:?202px;}.index-food-list?.food-item?.name?{??color:?#555;??margin-bottom:?10px;}.index-food-list?.food-item?.price?{??float:?right;}.index-food-list?.food-item?.star-bar?{??font-size:?0;}.index-food-list?.food-item?.star?{??display:?inline-block;??width:?12px;??height:?13px;??margin-right:?5px;??background-image:?url("../img/index-star.png");??background-repeat:?no-repeat;}.index-food-list?.food-item?.nostar?{??background-position:?0?-12px;}.index-pics?{??height:?380px;??overflow:?hidden;}.index-pics?.pic-col?{??float:?left;}.index-pics?.pic-col-m?{??width:?353px;}.index-pics?.pic-col-s?{??width:?287px;}.index-pics?.pic-col-l?{??width:?460px;}https://github.com/CruxF/IMOOC/tree/c0e07af685ed7bf09fbf799b81092514505942d9/HTML_CSS/PSD/img