发表于: 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做的连连旭旭的,

不过总算快搞完了,中间心态崩了好多回,怎么越学越南呢 

感觉自己代码质量肯定是比不上内门师兄了,算了 入门再说吧 


返回列表 返回列表
评论

    分享到