这是我自己写的代码链接
链接:https://pan.baidu.com/s/1ug7GHOac5kHa1pzSd4XjQg
提取码:6sbl
上面链接已失效,代码上传到了码云
https://gitee.com/feng-mingzhe/xiaoshi
记录一下遇到的坑
1、网页缩放忘了调,做网页的时候总是跟原网站有差异,原来是网页缩放忘了
2、搜索框的坑,css元素选择器应该选中到 input 不应该选到 form 就不选了
3、选中搜索框可以变成荧光蓝的代码片段
input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
4、在 input 设置 padding-left:5px 可以调整光标位置 box-sizing: border-box需要百度
5、
overflow: hidden;/*超出宽度部分隐藏*/
white-space:nowrap;/*强制不换行*/
text-overflow: ellipsis;/*文本省略*/
6、t a c 可以试试在元素的父亲上试试
不算摸鱼时间的话,差不多用了四个小时完成,知识边学边忘。
趁着还未忘光,赶紧捞一捞之前的知识,然后迈向下一步。
还有很多能优化的地方,写网页的速度也可以再提升提升。
需要学的还有很多。