自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 问答 (1)
  • 收藏
  • 关注

原创 实转(学习日记)内容以及页脚分析 第五天

左半部分可分为四个小部分黑色部分包上的部分可以用一个大div,里面的文字以及图片个套一个div,下面的图片以及文字部分可以用无序列表。中间的横线用border:1px solid gray;左上角的图片以及中间的横线和下面的文字部分。我们可以把下面这张分成两大部分。左上角就是正常的div。文字也跟内容分析同理。

2024-05-10 23:45:44 325 1

原创 实训转换学习日记第四天

下载界面可分为三部分,第一部分可以使用三个a标签,在CSS里用background-imge属性设置一个图像,使用background-position截取,在用overflow:hidden这个属性防止图片超出隐藏。,把图片先引进去,用background-repeat:no-repeat这个属性使这个图片不重复,用position:fixed属性让这个盒子固定。第三部分是右侧固定悬浮栏分为上中下三部分,上面的图片,中间的二维码和下面的标题。第二部分是右上角两个小图标。

2024-05-09 19:41:32 633

原创 实现转换学习日记第三天

下面ul,li标题设置弹性布局,用list-style;none取消固定样式调整位置再使用flex;公告也是无序列表,设置宽高对超出的文字进行隐藏和超出的部分小数点代替并保持不换行。第一层是一个轮播图,上下两部分组成,上面盒子里面放五张图片设置宽高左浮动定位。使用js让轮播图实现鼠标经过向左滚动轮播。标题部分用无序列表,使用弹性布局平铺。公告可分为标题和内容两部分。轮播图里面:分两部分。

2024-05-08 17:37:30 153

原创 实训转换学习日记第二天

二级导航里布局为ul.li嵌套ul.li,给二级导航nav颜色透明,在CSS里隐藏二级导航,nav内给无序列表设置宽和左边距,并用弹性布局使其平铺,再给ul下面的li设置取消固定样式,在设置ul,li里的ul,li的字体颜色,文字大小,和行高,并设置两个小logo的图片样式。中间的导航区是一个无序列表给一个弹性布局使其平铺,让其中间的li边距出现空隙,并给一个 :hover的伪类选择器使其出现鼠标滑入滑出样式。对一级导航的li设置鼠标移入js动画,对二级导航的li设置鼠标移出js动画。

2024-05-07 17:30:46 136

原创 实训转换学习日记

页眉:分为两大部分,左半部分、右半部分,每半部分分为两小块。整体背景:body的一个大图片。导航栏:一级导航、二级导航。轮播图、内容、还有下载部分。

2024-05-06 18:52:26 163

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除