- 博客(6)
- 收藏
- 关注
原创 html循环输出字符串
这次给大家带来JS字符串的遍历,截取,输出,计算操作,JS字符串遍历,截取,输出,计算操作的注意事项有哪些,下面就是实战案例,一起来看一下。
2022-06-29 18:41:16
560
原创 Flex弹性布局
一、什么是弹性布局弹性布局(flex container),页面中任何一个元素只要设置了display:flex属性,那么当前盒子都称为弹性盒子。弹性盒子默认有两条轴: 默认水平显示的主轴 和 始终要垂直于主轴的侧轴(也叫交叉轴),在弹性盒子中所有的子元素都是沿着主轴方向显示。与传统布局的区别传统布局,基于盒模型,依赖 display属性 、position属性 、float属性,它对于那些特殊布局非常不方便。传统布局兼容性好布局繁琐局限性,不能在移动端很好的布局flex布局操作方便,布局
2022-06-27 20:03:44
139
原创 媒体查询之book书
1 响应式网页开发响应式网页制作的概念同一个网页根据视口的不同,显示不同的版本响应式网页制作:responsive web design(RWD)响应式布局的优缺点:优点:对于不同视口都可以显示非常饱满的网页结构,没有横向滚动条缺点:制作复杂,同时对于移动端而言,需要加载非常多的pc端的样式和图片等资源,影响加载速度,同时费流量媒体查询:响应式布局可以在不同的视口下,呈现不同的效果,实现的原理就是通过媒体查询完成媒体查询的使用,有以下几种:可以直接引入样式,限定视口大小;直接在样式中,
2022-06-24 21:51:25
121
原创 西游行之动画效果
我们在页面上总能看的很多的很有趣的动态效果,而这些动态效果 仅用我们的html css代码便可实现,以前来讲,3D动画拿到网页上展示是一件非常奢侈的事情,HTML5的出现,让实现网页3D动画变得非常简单,动画使用动画流程1: 执行动画 2: 执行动画 2Dtransform 将元素应用 2D 或 3D 转换。translate()元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数rotate()元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。实例
2022-06-23 22:33:31
93
原创 浮动日常练习
一、什么是浮动?元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止(会挨着父元素左边或右边排列,如果之前有浮动的元素 会挨着浮动的元素排列)由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。二、浮动的特点1.浮动会脱离标准流如果一个元素按照正常的标准流来显示,会在html中所属的位置上占位,后面的元素会紧跟着它,但是浮动脱离了标准流,以后我们在看到浮动的元素之后,不能以正常的标准流里
2022-06-22 21:05:42
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人