- 博客(4)
- 收藏
- 关注
原创 5.9学习笔记
相比于昨天今天右侧多了下载游戏对局环境等盒子,这个没什么好说的,比较简单,就是一个div的排列今天老师没有进行讲课而是让我们自己进行写作代码,在老师的帮助下也是写完了,也有了自己的写作思路,并且今天学会了使用画图工具,制作了思维导图:
2024-05-09 17:41:31
393
1
原创 5.8学习笔记
里面会显示较为详细的内容,如果下方显示的内容超出了该行的宽度就会以省略号来代替字隐藏掉这里涉及到了三个css的属性。通过新加入的js插件,进行引用并且通过写出js轮播代码实现banner图左右滚动。下面的内容是由不同的ul写出来的上方每次切换的时候显示一个与标题相对应的ul列表。运用了css中的属性定义出来分别对应各自在html中的名字来显示不同的样式。分为很多ul部分第一个ul写标题内容金色线上方的热门,新闻,公告等。主体分为两个ul进行书写,其中一个写上方的轮播图片。另一个写下方负责切换的字体。
2024-05-08 17:23:53
109
1
原创 5.7号学习日记
蓝色箭头所代表的是用js写出的动画移入移出动画其具体表现为:先写二级导航隐藏,然后写鼠标移入一级导航的事件来弹出二级导航,再写一个鼠标移出事件给二级导航当鼠标从二级导航移出的时候二级导航弹回隐藏。红色框住的地方这个红色的小球是通过截图确定的宽和高然后使用偏移事件来在一张大图片中提取到我想要的红色小球。红色部分为二级导航它是用无序列表写出来的并且进行了居中对齐,去掉列表风格等一系列修饰。中间为导航部分,它是由无序列表写出来的,并且使用了css样式进行装饰代码如下。
2024-05-07 18:42:37
482
原创 5.6学习报告
内容:分为三个部分左中右三个大板块,分别为轮播图 table卡切换 盒子追求美观排列。页眉:采用了对称布局,分为左右两个大部分每个大部分分别有两个小部分。导航:上方较大的是一级导航,当鼠标移入一级导航下方显示出二级导航。背景采用了一个大的banner图并且预留出页眉的位置。悬浮栏:右侧使用绝对定位固定在网页上分为几个小板块。下方四个内容盒子居中对齐分布。
2024-05-07 11:23:21
700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人