WEB前端 开始学习 7.18"/>
WEB前端 开始学习 7.18
1.今天还是复习，但已经有很多同学已经跑在前面了，有的同学已经都学到js后面阶段了，想想我的周六日，我真是即惭愧，又有压力。现在复习的时间越长，我拉下就越多，唉。
2.我写作业的时候总是想太多，遇到左右布局总想用左右浮动，有时候这样写着写着就写不出来了，但换个思路直接改成行内块元素就就解决问题,简单的问题浪费特别多的时间，除了浪费了无意义的时间，还有点挫败感。。。。
3.贴下我浪费时间的作业吧，就当做教训
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>聚美优品</title><style>* {margin: 0;padding: 0;}a {text-decoration: none;color: black;}li {list-style: none;}.box {width: 200px;margin: 10px;border: 3px solid rgb(213, 213, 213);}img {vertical-align: middle;height: 23px;}.box>div {background-color: black;padding: 5px 10px;color: aliceblue;}.box ul>div>span {font-size: 16px;}.box>ul>li>ul {padding: 0 20px;}.box>ul>li>ul{border-top:1px dashed rgb(213, 213, 213) ;}.box>ul>li>ul>div {margin: 10px 0 10px -20px;}.box>ul>li>ul>li {font-size: 10px;display: inline-block;line-height: 20px;}</style>
</head><body><div class="box"><div>全部分类</div><ul><li><ul><div><img src="./聚美优品img/icon_01.gif" alt=""><span>护肤</span></div><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><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><li><a href="#">日霜</a></li><li><a href="#">晚霜</a></li></ul></li><li><ul><div><img src="./聚美优品img/icon_02.gif" alt=""><span>彩妆</span></div><li><a href="#">卸妆</a></li><li><a href="#">防晒</a></li><li><a href="#">隔离</a></li><li><a href="#">BB霜</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><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></li><li><ul><div><img src="./聚美优品img/icon_03.gif" alt=""><span>香氛</span></div><li><a href="#">男香</a></li><li><a href="#">女香</a></li><li><a href="#">小Q装</a></li><li><a href="#">中性香水</a></li></ul></li><li><ul><div><img src="./聚美优品img/icon_04.gif" alt=""><span>身体护理</span></div><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><li><a href="#">颈部护理</a></li><li><a href="#">个人护理</a></li><li><a href="#">卫生用品</a></li><li><a href="#">脱毛</a></li></ul></li><li><ul><div><img src="./聚美优品img/icon_05.gif" alt=""><span>礼盒套装</span></div><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></li><li><ul><div><img src="./聚美优品img/icon_06.gif" alt=""><span>美容工具</span></div><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></li><li><ul><div><img src="./聚美优品img/icon_07.gif" alt=""><span>母婴专区</span></div><li><a href="#">奶粉</a></li><li><a href="#">尿裤湿巾</a></li><li><a href="#">母婴洗护</a></li></ul></li><li><ul><div><img src="./聚美优品img/icon_08.gif" alt=""><span>男士专区</span></div><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><li><a href="#">沐浴</a></li></ul></li><li><ul><div><img src="./聚美优品img/icon_09.gif" alt=""><span>食品保健</span></div><li><a href="#">瘦身类</a></li><li><a href="#">保健类</a></li><li><a href="#">美容类</a></li><li><a href="#">食品类</a></li></ul></li></ul></div>
</body></html>更多推荐
WEB前端 开始学习 7.18
发布评论