自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 CSS3学习笔记——新增选择器

本文是作者本人学习过程中的笔记总结,如若文中有不正确或需要补充的地方,欢迎在评论区中留言。1. 新增子级选择器用于选取带有特定父元素的元素 书写语法:element 1 > element 2 注意:如果 element 2 元素不是父元素 element 1 的直接子元素,则不会被选择2. 新增兄弟选择器2.1.相邻兄弟选择器书写语法:element 1 + element 2 匹配同一个父元素中紧跟着 element 1 后面的一个 element 2 元素注意:

2021-07-07 23:58:47 169

原创 HTML5学习笔记

本文是作者本人学习过程中的笔记总结,如若文中又不正确或需要补充的地方,欢迎在评论区中留言。1. 简介HTML5是HTML的第五次重大修改,用于取代HTML4与XHTML的新一代标准版本 设计目的:在移动设备上支持多媒体 新增特性:语义特性,本地存储特性,设备兼容特性,连接特性,网页多媒体特性,三维、图像及特效特性,性能与集成特性等 废弃了一些元素和特性,比如:font、center等2. 新增语义化标签之前制作网页布局,基本是使用 div 来做。div 就是一个普通的块级标签,对

2021-07-04 16:46:13 227

原创 CSS学习笔记——定位

本文是作者本人学习过程中的笔记总结,如若文中有不正确或需要补充的地方,欢迎在评论区中留言。1. 定位介绍1.1. 定位属性作用:设置定位的元素,需要根据某个参考元素发生位置的偏移 属性值:relative --> 相对定位; absolute --> 绝对定位; fixed --> 固定定位1.2. 偏移量属性定位的元素要想发生位置的移动,必须搭配偏移量属性进行设置 水平方向:left, right 垂直方向:top, bottom 属性值:常用 px 为单位

2021-07-04 16:21:12 155

原创 CSS学习笔记——背景属性

本文是作者本人学习过程中的笔记总结,如若文中有不正确或需要补充的地方,欢迎在评论区中留言。1. 背景颜色2. 背景图片3. 背景重复4. 背景定位5. 背景附着6. 背景缩放7. 多背景8. 综合写法9. 注意事项10. 背景图替换插入图11. 文字隐藏方法12. 精灵图...

2021-07-04 15:48:13 414

原创 CSS学习笔记 —— 浮动

本文是作者本人学习过程中的笔记总结,如若文中有不正确,或需要补充的地方,欢迎在评论区中留言。1. 定义2. 性质3. 问题

2021-07-03 16:29:46 566

原创 CSS学习笔记 —— 盒模型扩展

本文是作者本人学习过程中笔记总结,如若文中有不正确,或需要补充的地方,欢迎在评论区中留言。1. 清除mo'ren'y

2021-06-10 10:10:45 293

原创 CSS学习笔记 —— 盒模型

本文是作者本人学习过程中的笔记总结,如若文中有不正确,或需要补充的地方,欢迎在评论区中留言。1. width

2021-06-08 20:55:25 174

原创 CSS学习笔记 —— 文本相关常用样式

本文是作者本人学习过程中的笔记总结,如若文中有不正确,或需要补充的地方,欢迎在评论区中留言。1. 颜色color

2021-06-08 08:27:56 156

原创 CSS学习笔记 —— 基础

本文是作者本人学习过程中的笔记总结,如若文中有不正确,或需要补充的地方,欢迎在评论区中留言。

2021-06-04 08:30:52 218

原创 HTML基础(学习笔记)

1. HTML是什么1.1. HTML(Hyper Text Markup Language),超文本标记语言1.2. HTML是一种用来描述网页的语言1.3. HTML不是一种编程语言,而是一种标记语言1.4. 标记语言是一套标记标签,HTML使用标记标签来描述网页想了解编程语言、标记语言与脚本语言的区别,请点击链接进行查看。2. HTML结构2.1. 基本骨架<html lang="en"><head> <meta char...

2021-05-27 16:16:24 629

原创 利用canvas实现炫酷的倒计时效果

1.效果预览(文章最后面有源码)2.代码实现 2.1 简要分析 这个案例可以大概分成三步来实现:首先绘制出时间,然后根据时间的变动产生相应的彩色小球,最后让这些小球运动起来。 第一步:通过观察我们可以看到,这些时间都是用一个个小球拼出来的,所以我们采用的方法就是利用一个点阵来表示一个数字,例如数字0就可以用如下的点阵来表示,具体绘制的时候,在数字1的位置进...

2019-08-28 19:41:00 1560

转载 如何保持学习编程的动力

这是我自己在谷歌上面搜索“如何在长期的编程学习中保持热情与兴趣”所搜索到的文章,感觉写得还挺好的,所以把主要内容摘抄过来,希望对于看到这篇文章的朋友们有一些帮助(内容里面的‘我’都是文章原作者)。有人问我,Reddit是什么网站,我想了下说:美国贴吧。但话说回来,关注了一阵子我发现,Reddit 上的讨论真要比贴吧不知道高到哪里去了,甚至比不少知乎回答要有价值。而且感觉下面的...

2019-07-26 20:14:02 177 1

原创 利用Transition过渡完成手风琴菜单

## 效果预览## 案例分析 实现手风琴菜单最核心的部分就是鼠标移到某一个模块时,相应的里面的内容会展开,鼠标移开后,内容又会收回。这其中的原理就是将每个模块里面的内容的初始高度设置成零,然后鼠标移上去之后,通过过渡让高度缓慢地增加直至显示出所有内容,鼠标移开后,也是同样的通过过渡,再让高度逐渐地减小为零。## 相关代码<!DOCTYPE html&g...

2019-07-15 11:25:32 434

空空如也

空空如也

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

TA关注的人

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