2023年7月9日发(作者:)
html+css简单的实现360搜索引擎⾸页⾯今天主要学习了是如何实现的,以及我在写这个页⾯的时候我所遇到的⼀些困难。 主要实现是⽤代码的,不说废话了,其实我是想说我⾛的坑有哪些。 1.代码的基础不好,元素的⼀些属性不熟悉,对于HTML和css还没有⼀个更深层次的⼀个理解。 2.注意⼀些类选择器和ID选择器的名是否对⼀致。 3.在导航栏那⼀部分的布局和内外边距的距离,以及在右⾯的导航栏⾥的⼀些标签处理。 4.加载图⽚img标签的运⽤还不是很流畅,图⽚的⼤⼩问题,图⽚的位置问题以及按钮的⼀些写法,还有下⾯的input标签的⽤法和css的属性,都是很⽋缺的。 5.对最下⾯的导航栏的理解很实⽤⽅法海不是太了解。第⼀部分:主要是HTML代码 1
2
25 14 24 //img图⽚部分26 27
32 //input 输⼊框28
31 29 //button按钮部分30
33
//底部导航栏34 360浏览器客户端官⽹35 意见反馈36 违法举报37 使⽤帮助38 使⽤协议39 隐私条款40 免责声明41 站长平台42 推⼴合作43 360搜索联盟44
45 46 ©2019 47 奇虎360旗下搜索服务 48 京ICP备08010314号-1949 京公⽹安备11号50
其实写到这⾥还好,其实HTML代码还好说没那么难,就是到css这个地⽅就不知道怎么开始画了,⼀⽤到css那就难了,其实我这篇⽂章专门给刚学习的⼩⽩看的⼤佬请绕过,⼀会我会详细的说下css那些地⽅我做错的地⽅,HTML应该都能读懂吧,如果有不会的⾃⾏百度。重点:css 1