2021年12月26日
用Swiper实现轮播图
摘要： 什么是Swiper呢简单说就是别人写好封装好的js代码，我们可以直接拿过来用的。使用swiper来实现轮播图，是可以很快就能实现的，同时还缩减了需要我们自己去写的代码量，大大减少了我们的熬夜时间。 首先在使用之前第一步工作就是引入Swiper 1. 要想使用这个插件，首先得去官网下载需要得材料。Sw 阅读全文
posted @ 2021-12-26 14:12 名字长才会有人读 阅读(1125) 评论(0) 推荐(0)
HTML中的表格元素
摘要： 有时候我们需要在网页上展示一些数据，如某个班级的成绩表。如果我们使用HTML中的border边框和position定位进行制作会十分的复杂 这时候我们就可以使用表格元素了 HTML网页中一个表格大致可以分为的四个元素：table、tr、th、td 1、<table></table>：整个表格以<ta 阅读全文
posted @ 2021-12-26 13:54 名字长才会有人读 阅读(600) 评论(0) 推荐(0)
Hello CSS
摘要： 我们在网页制作的肯定少不了使用CSS对网页进行定位，那我们首先要了解一下什么是CSS？ CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离，CSS的功能是操纵html标签。 一、引入方式 1、行内引入： 行内式是在标 阅读全文
posted @ 2021-12-26 13:41 名字长才会有人读 阅读(52) 评论(0) 推荐(0)
flex弹性布局（二）
摘要： 书接上会，我们先是简单了解有关弹性布局的一些基础知识点，接下来我们一起学习一些进阶的知识点 一、flex-flow属性定义 之前我们学习了flex-direction和flex-reverse属性，flex-flow属性正是他们的结合可以同时定义两项元素，默认值为row nowrap，这样我们用起来 阅读全文
posted @ 2021-12-26 13:41 名字长才会有人读 阅读(254) 评论(0) 推荐(0)
CSS选择器
摘要： 一、基础选择器 1." * "通用元素选择器，匹配任何元素 * { margin:0; padding:0; } 2.标签选择器，匹配所有使用E标签的元素 p { color:green; } 3." . "class选择器，匹配所有class属性中包含info的元素.info { backgrou 阅读全文
posted @ 2021-12-26 13:40 名字长才会有人读 阅读(117) 评论(0) 推荐(0)
flex弹性布局（一）
摘要： 有些时候我们需要对一些对象进行必要但非常简单的定位，这对我们网页制作的速度影响非常严重，代码也非常的长，用户的打开速度也会变慢，如果这时候我们使用弹性布局会变得十分简单 接下来跟着我一起了先简单解一下flex弹性布局吧 一、方向方面 方向分为：自下到上（column-reverse），自上到下（co 阅读全文
posted @ 2021-12-26 09:14 名字长才会有人读 阅读(43) 评论(0) 推荐(0)
2021年11月22日
用js写时钟
摘要： 首先我们需要建立一个HTML文件名命为旋转时钟.html 第二步我们见几个盒子对其进行定义做一个静态的时钟 效果是这样的 加入js元素 这样一个时钟就做好了 · 阅读全文
posted @ 2021-11-22 12:57 名字长才会有人读 阅读(127) 评论(0) 推荐(0)
js书写位置
摘要： 1内嵌式： 理论上js可以书写在页面的任意位置。 <script> alert("内嵌式") </script> 2外链式： 首先新建一个文件类型为.js的文件，然后在该文件中写js语句，通过script标签对引入到html页面中。 <script src="js文件名"><script> 3行内式 阅读全文
posted @ 2021-11-22 12:49 名字长才会有人读 阅读(122) 评论(0) 推荐(0)
Holle JavaScript
摘要： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScripf码JavaScript诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript,但是在发布前夕，想搭上当时超 阅读全文
posted @ 2021-11-22 12:42 名字长才会有人读 阅读(73) 评论(0) 推荐(0)
2021年11月15日
3D显示正方体
摘要： 首先要建立一个大的盒模型，再在这个盒子中建立六个面 对box和六个面进行定义 tip：1.要想子类3D显示，必须要对父类进行3D定义：transform-style: preserve-3d 2.可以名命一个叫zhuan的动态，方便检验结果 3.可以给每个面不同的颜色 阅读全文
posted @ 2021-11-15 12:54 名字长才会有人读 阅读(96) 评论(0) 推荐(0)