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 · 822 阅读 · 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 · 2610 阅读 · 0 评论
分享