自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Dream_ruins的博客

一名WEB前端学习者的学习经历

  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 Matery主题自定义(六)页面加载动画

当小伙伴网络差浏览你博客时,一直看白屏也太不人性化了,不如加个加载动画

2022-01-04 20:41:42 1121 3

原创 Matery主题自定义(五)为一言和文章标题添加打字机效果

FLuid 主题拥有为网页标题和一言和副标题添加打字机的功能,我准备将这个效果移植到 Matery 主题中

2022-01-04 20:40:32 612

原创 Matery主题自定义(四)修改文章分类样式

个人认为 Matery 主题的标签样式与分类样式重合,不宜分别,通过修改分类样式易于区别

2022-01-04 20:39:22 825

原创 Matery主题自定义(三)页面特效

虽然 Matey 主题原生已经非常不错了,但总感觉少了些什么,就准备将我原来再 Fluid 主题上使用的特效配置过来

2022-01-04 20:33:31 735

原创 Matery主题自定义(二)直达评论

为了方便查看评论,添加一个直达评论功能的按钮

2022-01-04 20:31:44 303

原创 Matery主题自定义(一)黑夜模式

作为一个前端学习者,自然懂得黑夜模式的重要性,可惜主题原生未提供,那就自己弄吧

2021-12-22 15:29:06 1118 5

原创 WEB前端学习:CSS学习_用户界面样式

用户界面样式文章目录用户界面样式一、鼠标样式二、轮廓三、防止文本域拖拽四、去除图片底侧空白间隙五、溢出文字隐藏1. work-break2. white-space3. text-overflow六、过渡动画七、元素隐藏八、内容管理持续更新...该篇讲的是用户界面样式,用于提高网站的美观性和特点一、鼠标样式cursorcursor: move;常用样式值样式描述...

2020-04-18 16:12:34 246

原创 WEB前端学习:CSS学习_CSS布局

CSS布局文章目录CSS布局一、display二、标准三、浮动四、多列浮动布局1. 两列布局2. 三列布局3.浮动元素的特性五、清除浮动解决方法六、定位1. 边偏移2. 定位模式2.1、静态定位 static2.2、相对定位 relative2.3、绝对定位 absolute2.4、绝对定位垂直水平居中2.5、固定定位 fixed2.6、重叠七、常见布局1. 版心2. 两列左窄右宽型3. 通栏平...

2020-04-02 17:08:56 611 1

原创 WEB前端学习:CSS学习_CSS特性

CSS特性文章目录CSS特性一、优先级1.重要性2.规则的来源3.规则添加方式4.选择器特指度5.规则顺序二、继承持续更新...该篇讲得是CSS特性。主要的就是优先级,当样式规则发生冲突时,到底改执行那条一、优先级CSS规则优先级1.重要性加了 !importan 标识的赋值权重高于没加的2.规则的来源默认情况下:开发者开发 > 用户设置 > 浏览器设置添加 !i...

2020-03-26 14:38:51 164

原创 WEB前端学习:CSS学习_CSS背景图片相关属性

背景文章目录背景一、主要属性1. background-color2. background-image3. background-repeat4. background-position5. background-size6. background-attachment7. background-clip8. background(简写属性)9.多背景设置持续更新...该篇为讲得是背景图片...

2020-03-25 17:45:00 758

原创 WEB前端学习:CSS学习_CSS盒子模型

CSS盒子模型文章目录CSS盒子模型盒子模型一、主要属性1.外边距(margin)1.1、margin(简写属性)2.边框(border)2.1、border-width(简写属性):边框的宽度2.2、border-top:边框顶部2.3、border-bottom:边框底部2.4、border-right:边框右边2.5、border-left:边框左边2.6、border-style:边框的...

2020-03-24 11:31:57 363

原创 WEB前端学习:CSS学习_CSS选择器

CSS选择器文章目录CSS选择器一、简单选择器1.type选择器(类型选择器)1.1、选择器命名规则2.class选择器(类选择器)2.1、选择器命名规则3. ID选择器3.1、选择器命名规则二、属性选择器三、上下文选择器四、伪类选择器1.结构化的伪类选择器2.UI伪类选择器五、伪元素选择器持续更新...该篇为讲得是 CSS选择器,这是 CSS篇章最为重要的一篇。选择器决定 CSS规则样式作...

2020-03-23 12:40:49 191

原创 WEB前端学习:CSS学习_CSS font 和 text 相关属性

CSS选择器文章目录CSS选择器一、简单选择器1.type选择器(类型选择器)1.1、选择器命名规则2.class选择器(类选择器)2.1、选择器命名规则3. ID选择器3.1、选择器命名规则二、属性选择器三、上下文选择器四、伪类选择器1.结构化的伪类选择器2.UI伪类选择器五、伪元素选择器持续更新...该篇为讲得是 CSS选择器,这是 CSS篇章最为重要的一篇。选择器决定 CSS规则样式作...

2020-03-22 14:29:02 568

原创 WEB前端学习:CSS学习_CSS规则基本语法

CSS选择器文章目录CSS选择器持续更新...该篇为 CSS篇章的持续更新…该篇主要讲的是 CSS选择器。最后,若有不足或者不正之处,欢迎指正批评,感激不尽!如果有疑问欢迎留言,绝对第一时间回复!往期博客CSS中的单位下面这些是我学习HTML的网站,希望对大家有帮助HTML Reference(https://htmlreference.io/)MDN(https:/...

2020-03-20 08:04:33 291

原创 WEB前端学习:CSS学习_CSS中的单位

CSS中的单位文章目录CSS中的单位一、长度1.绝对长度2.相对长度二、颜色1.RGB十六进制持续更新...在 CSS篇章正式开始之前,我们先来了解一些 CSS中常用的单位一、长度1.绝对长度单位名称等价换算cm厘米1cm = 96px/2.54mm毫米1mm = 0.1cmQ四分之一毫米1Q = 0.25mmin英寸1in =...

2020-03-19 13:57:08 164

原创 WEB前端学习:HTML学习_iframe标签和canvas标签

iframe标签和canvas标签文章目录iframe标签和canvas标签一、iframe标签1.主要属性1.1、allow:用来定义特征策略1.2、high1.3、low1.4、name1.5、height1.6、width二、canvas标签1.主要属性持续更新...一、iframe标签< iframe >将另一个HTML页面嵌入到当前页面中<iframe id=...

2020-03-19 13:18:28 532

原创 WEB前端学习:HTML学习_HTML多媒体

HTML多媒体文章目录HTML多媒体一、音频1.基本属性1.1、autoplay1.2、controls1.3、loop1.4、muted1.5、preload1.5.1、preload属性取值1.6、played1.7、volume二、视频1.主要属性1.1、autoplay1.2、controls1.3、height1.4、width1.5、loop1.6、muted1.7、preload1...

2020-03-18 14:01:45 281

原创 WEB前端学习:HTML学习_HTML布局

HTML布局文章目录HTML布局一、列表(list)1.[无序列表(Unordered list)](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ul)[2.有序列表(Ordered list)](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ol)二、[...

2020-03-17 11:48:09 379

原创 WEB前端学习:HTML学习_HTML基本标签

HTML基本标签文章目录HTML基本标签一、文本标签1.标题2.段落3.换行4.水平标识线5.加粗文本6.斜体文本7.重要文本8.强调文本9.更小字体文本10.删除文本11.插入文本12.代码文本二、图片标签1. src 取值2.alt 属性:三、HTML 超链接1.文档外链接1.1、href 取值1.2、target 取值2.文档内导航持续更新...一、文本标签1.标题<h1&gt...

2020-03-16 14:20:16 182

原创 WEB前端学习:HTML学习_HTML的基本要素

HTML的学习开始写博客的原因这是我的第一篇博客。我呀,以前也学过HTML,但那时候刚到大学,对未来没有什么想法,学习也是老师教多少,就应付得学多少。到后来,有了方向,有了想法,有了目标,开始认真去学习,慢慢的接触,感觉学得越来越艰难,最后发现原来是我的基础不扎实,所以我来了,来到这里重新开始打地基。在这里我会将我分享学习前端的一些经历和心得。一起加油吧!HTML的介绍学习HTML之前,...

2020-03-15 22:08:20 262

多重背景设置图片素材.7z

英雄联盟图片素材

2020-03-25

空空如也

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

TA关注的人

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