css
山藏
砥砺前行
展开
-
前端实现选择图片并预览
因为业务要求需要做一个上传身份证的功能,实现起来还是有一点麻烦的,所以记录一下。首先,我把功能先简单介绍一下。如图:我要点击图中的两个方块,来实现选择图片并预览的功能。html部分代码如下:<form method="post" action="#" enctype="multipart/form-data"> <span class="must">*<...原创 2019-10-25 11:30:21 · 4344 阅读 · 0 评论 -
css过渡
css过渡所谓过渡便是将html的内容及样式从一种状态变为另一种状态的过程。过渡属性有以下四个:transition-delay transition-duration transition-property transition-timing-functiontransition-delay属性设置延迟时间,简单说就是从触发过渡的那一刻起到开始过渡的时间设置。例如:div{ posit...原创 2019-04-22 22:27:20 · 194 阅读 · 0 评论 -
html/css做一个简单的个人简历
今天闲着无聊做了个简单的小demo,做完了之后还是很无聊,就简单整理了下,写下了这篇文章。话不多说,按照惯例先放效果图上面是移动端的效果图,pc端布局一样,只是某些元素的大小略有不同响应式主要是依靠媒体查询和vw,vh单位实现的head标签里的代码如下个人简历还是简单介绍一下vw,vh单位吧,vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。但是它相对的不是父节点或者...原创 2019-08-31 20:05:09 · 11750 阅读 · 0 评论 -
flex与inline-flex属性的使用详解
这篇文章主要介绍了flex与inline-flex的一些差别,感兴趣的朋友们可以看一下。flex:将对象作为弹性伸缩盒显示inline-flex:将对象作为内联弹性伸缩盒显示先来看flex:.contain{ background: red; display: flex; } .box{ width:100px; height:50px; backgr...原创 2019-08-31 23:55:54 · 24992 阅读 · 1 评论