html+css简单的实现360搜索引擎首页面

html+css简单的实现360搜索引擎首页面

2023年7月9日发(作者:)

html+css简单的实现360搜索引擎⾸页⾯今天主要学习了是如何实现的,以及我在写这个页⾯的时候我所遇到的⼀些困难。  主要实现是⽤代码的,不说废话了,其实我是想说我⾛的坑有哪些。    1.代码的基础不好,元素的⼀些属性不熟悉,对于HTML和css还没有⼀个更深层次的⼀个理解。    2.注意⼀些类选择器和ID选择器的名是否对⼀致。    3.在导航栏那⼀部分的布局和内外边距的距离,以及在右⾯的导航栏⾥的⼀些标签处理。    4.加载图⽚img标签的运⽤还不是很流畅,图⽚的⼤⼩问题,图⽚的位置问题以及按钮的⼀些写法,还有下⾯的input标签的⽤法和css的属性,都是很⽋缺的。    5.对最下⾯的导航栏的理解很实⽤⽅法海不是太了解。第⼀部分:主要是HTML代码 1

25
//img图⽚部分26
27
//input 输⼊框28

29 //button按钮部分30

31
32

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