复习一下HTML,CSS基础知识,做一个仿学校的网站

这是我自己写的代码链接 链接: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 可以试试在元素的父亲上试试

不算摸鱼时间的话,差不多用了四个小时完成,知识边学边忘。 趁着还未忘光,赶紧捞一捞之前的知识,然后迈向下一步。 还有很多能优化的地方,写网页的速度也可以再提升提升。 需要学的还有很多。

经验分享 程序员 微信小程序 职场和发展