佐切的第四天学习分享

挺奇怪的昨天的页面没有问题，今天打开就变成了：

按钮全部跑到左边了，什么情况，调换了下li中几行代码先后顺序：

之前是这样：

调换下第二和第三行的位置，顺便把div1 a中display：block；去了。

显示效果正常了：

好接下来在图片中间添加文字：

用<span></span>试了下没反应，好吧那试下

试了<h1></h1>标签，而且试下放在div前面看下

Zai.css文件加了点内容：

结果显示是

跑到最上面了，网上查的绝对定位不起作用。

那我就在想了，要不然就图片一个div，导航栏一个div 中间文字一个div，这样图片div包着两个div应该会好控制一些。试下，HTML文件如下：

zai.css经过简化去掉重复的代码文件如下：

得到的显示效果如下：

再在行家指路下面加上一个按钮“下载客户端”

这个用到photoshop工具做一个有圆角的透明背景当按钮的背景。

Html代码如下：（添加了一个div）

Zai.css添加了如下代码：

结果按钮效果如果：

今天就到这里了，弄这个按钮也试了挺长时间，该休息了。

爱分享，爱学习！找回本心，坚持自己，佐切一路每天为大家分享学习过程！

佐切的第四天学习分享相关推荐

佐切的第三天学习分享
好,接着昨天的任务,现在我要把整个导航栏文字往下挪些,不要它顶到最上面,试下,做这个之前需要去查下div盒子模型内边距和外边距以及边框宽的表示方式,网上查了分别是:外:margin 内:paddi ...
佐切的第二天学习分享
找到一个自己想学习模仿的网站进行制作,好开始,我之前找了挺长时间,很多网站文字太多而且也不好看,没有模仿的冲动.终于找到一个还是比较好看些的网站,而且也算是目前比较流行的O2O类型的网站,名字我就不说 ...
佐切的第一天学习分享
从哪学呢?这对于我来说也是个很大的问题. 由于之前有看过一点php的视频教程,就从基础的html开始对之前看点那点视频教程的回顾. ①首先自己的一个认识,网页通过www.^^^^^来访问,这个协议是美 ...
Flink 从0到1学习—— 分享四本 Flink 国外的书和二十多篇 Paper 论文
前言之前也分享了不少自己的文章,但是对于 Flink 来说,还是有不少新入门的朋友,这里给大家分享点 Flink 相关的资料(国外数据 pdf 和流处理相关的 Paper),期望可以帮你更好的理解 ...
datatable的数据进行组内排序_排序算法学习分享（四）希尔排序
排序,也称为排序算法,可以说是我们学习算法的过程中遇到的第一个门槛,也是实际应用中使用得较为频繁的算法,我将自己对所学的排序算法进行一个归纳总结与分享,如有错误,欢迎指正! 排序算法学习分享(一)选择 ...
学习分享——基于深度学习的NILM负荷分解（四）深度学习实现，代码讲解
QQ群1070535031 跟随上一篇的思路,本篇我们来实现整个流程. 实验需求跟随本文进行学习和实验,需要前面博文中的环境,以及提取出来的UK数据.(学习分享--基于深度学习的NILM负荷分解(二 ...
@程序员，这四个学习建议值得收藏
在我看来,学习能力应该是一个人最重要的能力之一.因为我们赖以生存的所有技能,无一例外都是通过学习获得的.那些优秀的人,也不过是学习能力或者学习效率比一般人强而已. 这样的观点被很多人论证过,商业理论家 ...
程序员，这四个学习建议值得收藏
大家好,我是本周的值班编辑江南一点雨 ,本周将由我为大家排版并送出技术干货,大家可以在公众号后台回复"springboot",获取最新版 Spring Boot2.1.6 视频教 ...
【学习分享】8 创龙TMS320C6748开发板基于PRU的Demo例程演示
hello亲爱的读者们,小编又来更新啦,今天例程所处开发环境依然还是广州创龙开发的TMS320C6748开发板,对往期文章有兴趣的读者可以转到置顶查看往期文章.至此,[学习分享]创龙TMS320C67 ...

佐切的第四天学习分享

佐切的第四天学习分享相关推荐

最新文章

热门文章