![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS | CSS3
CSS各样式属性解析与其在实际项目中的应用
null-hands
每一点积累,在恰当的时机,都会为我提升效率!
展开
-
带图标的输入框
在项目中经常可以看见账号或密码输入框,左侧带有一个人形小图标。在vue中结合element-ui的使用:html代码 <div class="nameInput"> <el-input v-model="val" placeholder="请输入您的账号"></el-input> <img src="../assets/person.png" alt=""> </div>style样式代码.nam.原创 2020-11-16 23:47:05 · 729 阅读 · 0 评论 -
盒子模型与内外边距设置
盒子模型(1)box-sizing:content-box: 盒子模型默认值,元素应用该模型时,计算方式为 外边距+边框宽度+内边距+内容区域(margin , border-width ,padding,实际内容占宽),设置的width/height属性只是内容区域宽度;(2)box-sizing:border-box: 元素应用该模型时,计算方式为 外边距+宽度,设置的宽度包含了 边框宽度+内边距+内容区域,这种方式更方便我们平时的布局,省却了很多人为的计算过程;外边距(1)margin..原创 2020-11-16 23:32:33 · 2513 阅读 · 0 评论