发表于: 2020-07-13 20:21:54
1 1083
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
1.写任务8 页面2内容 页面3内容
悬浮效果
在a级盒子里面写的,单独写了个div就叫悬浮效果盒子吧
css定义
影藏盒子 ,绝对定位 顶部左部0 狂傲设置 ,
盒子属性弹性 盒子当中内容位置属性设置,垂直方向 不换行设定。顶部居中,中间居中,
盒子不透明度设置,盒子字体白色 ,盒子背景色设置 background-color
悬浮效果盒子下
h3 标题标签 p标签大段文字
css样式表结构资料
.main-in-hover1{
position: absolute;
opacity: 0;
.main-in-hover1:hover{
opacity: 1;
}
a级大盒子里面写上悬浮div,然后css设置不显示0,鼠标滑过显示悬浮div1。
以前的写法
css中直接制定某个区域,然后写上变化,就行了。
不同,这里面包含内容,有结构,不是单一样式变化可以写的。
明天计划的事情:(一定要写非常细致的内容)
1.写完页面3 归纳任务
遇到的问题:(遇到什么困难,怎么解决的)
1.居中老是用不对
justify-content center
align-items center
text-align 文字得用这个,p标签时候,h3标签时候 这个管用
a方案 文字标签居中直接写 text-align
b方案 文字或者span标签,上级来写位置,justify-content center
下面的span标签怎么变,位置都是不变的!注意这个上级盒子一定做弹性盒子属性,然后设置其内容弹性居中属性。
2.媒体查询单独写我都大概能看懂,但是要定制屏幕写 我就不知道咋回事了
完全没头绪
收获:(通过今天的学习,学到了什么知识)
1.要及时纠正错误方向
2.大概看了下媒体查询
资料上来看
link引用 / @media直接写 ?/ html结构引用madia文件里的样式
3.了解居中知识点
呱呱一看,二十天没有写日报了,任务8做的连连旭旭的,
不过总算快搞完了,中间心态崩了好多回,怎么越学越南呢
感觉自己代码质量肯定是比不上内门师兄了,算了 入门再说吧
评论