![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 72
Tea-pd
日子是挺苦的,但更苦的在后面(互关互关)
展开
-
web移动开发之flex(弹性盒子---知识点篇)
本文讲解了移动web开发的flex布局,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力,先赞后看养成习惯。以下是本篇文章正文内容一、flex 布局体验1.1 传统布局与flex布局...flex布局原理 2、flex布局父项常见属性 3、align-content设置侧轴上的子元素的排列方式(多行) 1,flex是flexible Box的缩写,意为弹.....原创 2022-08-03 19:32:33 · 744 阅读 · 5 评论 -
简单的介绍在html中form表单元素的特性
(起始标签和结束标签中的内容是默认值) rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度 -->原创 2022-07-25 20:30:41 · 171 阅读 · 2 评论 -
学习前端前期想做出轮播图效果之swiper插件的介绍
swiper是什么? swiper是一款轻量级的轮播图插件,不仅支持pc端更是为移动端而生,用它可以快速地做出一个轮播图,或者扩展使其做出复杂的轮播效果。 基本用法 swiper使用需要两个文件,一个是swiper.css,里面..swiper是什么? swiper是一款轻量级的轮播图插件,不仅支持pc端更是为移动端而生,用它可以快速地做出一个轮播图,或者扩展使其做出复杂的轮播效果。 基本用法 swiper使用需要两个文件,一个是swiper.css,里面..swiper是什么? swiper是一款轻量级的原创 2022-07-23 16:38:12 · 979 阅读 · 10 评论 -
css中transform属性的详细介绍
css中的transform属性 定义 CSS中的transform属性允许你旋转,缩放,倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的 帮助文档 快捷键目录标题文本样式列表链接代码片表格注脚注释自定义列表在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 一、旋转rotate rotate() :通过指定的角度参数对原元素指定一个2D rotation(2D 旋转),需先有........原创 2022-07-22 15:27:34 · 2446 阅读 · 6 评论 -
CSS3之两面翻转的盒子案例
两个小盒子要加定位,其中前面的盒子加上z-index:1;这样就会覆盖后面的盒子. 然后让后面的小盒子y轴旋转180deg,这样当让大盒子旋转180deg的时候后面的小盒子可以出现.原理是使用css3中的3D旋转属性,需要一个父盒子和两个子盒子,将第一个子盒子作为正面,第二个子盒子作为反面,所以先把第二个子盒子沿y轴旋转180度。然后设置父盒子 …原理是使用css3中的3D旋转属性,需要一个父盒子和两个子盒子,将第一个子盒子作为正面,第二个子盒子作为反面,所以先把第二个子盒子沿y轴旋转180度。然后设置父盒原创 2022-07-21 00:45:00 · 1173 阅读 · 2 评论 -
通过使用css样式来做到2D动画的进度条加载的效果
用CSS3实现动画进度条 CSS3的新特性为我们实现漂亮的进度条扫清了障碍,我们可以完全不需要任何图片和Javascript代码就可以构建。一个完整的进度条效果其实可以拆分一下: 一段背景; 一小段的静态的斜纹进度条; 斜纹进度条用线性渐变 linear-gradient 类实现,原理很好...一个完整的进度条效果其实可以拆分一下: 一段背景; 一小段的静态的斜纹进度条; 斜纹进度条用线性渐变 linear-gradient 类实现,原理很好.........原创 2022-07-20 17:24:00 · 2451 阅读 · 20 评论 -
在html中通过使用css解决高度塌陷问题
什么是高度塌陷? 当父元素未设置高度时,所有子元素浮动后,造成子元素脱离文档流进而无法把父元素撑开,父元素高度为0产生高度塌陷,称为高度塌陷问题。 父元素高度塌陷后,父元素以下的元素都会向上移动,导致...一、什么是高度塌陷? 简单来说,就是包含含有浮动的元素的上一级的高度变为0了,下面的元素会上去 .par{border:1px solid green;}.sub{width:20%;height:50px;float:left;border:1px solid red;}..........原创 2022-07-19 11:14:46 · 373 阅读 · 3 评论 -
在html中通过使用css解决外边距重叠(外边距塌陷)问题
【什么是外边距重叠,重叠的结果是什么? 】 1.什么是外边距重叠? 外边距重叠指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的高...给大家分享一下什么是外边距重叠?重叠的结果是什么?1.背景介绍外边距是盒子模型中的一个属性。在使用外边距时,有可能会发生外边距重叠。2.知识...给大家分享一下什么是外边距重叠?重叠的结果是什么?1.背景介绍外边距是盒子模型中的一个属性。在使用外边距时,有可能会发生外边距重叠。2.知识...给大家分享一下什么是外边距原创 2022-07-18 21:10:37 · 1853 阅读 · 20 评论