在 CSS 盒子模型的默认定义里，你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内 ...
分类：
其他好文 时间：
2021-03-30 13:23:01
阅读次数：
0
1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 1.2 offset 与 style 区别 offset of ...
分类：
其他好文 时间：
2020-10-06 20:23:15
阅读次数：
24
内边距：padding padding-top: padding-right: padding-bottom: padding-left: 简写方式： padding：上 右 下 左 ； padding：10px 10px；（上下，左右） 注意：padding会撑大盒子宽度 ...
分类：
其他好文 时间：
2020-07-18 16:00:39
阅读次数：
58
今日学习内容： css3： fliter : blur(); （模糊化）数值越大越模糊 width : clac(100% - 10px); 计算盒子宽度 transition : width/all 1s/5s linear(匀速)、ease(逐渐慢下来)、easr-in(加速)、ease-out ...
分类：
其他好文 时间：
2020-06-28 00:19:19
阅读次数：
66
1、html <div class="cardBox" v-for="(item,idx) in arr" :key="idx"> <div class="cart-left"> <div class="cart-left-head"> <h3>{{item.name}}</h3> </div> < ...
分类：
其他好文 时间：
2020-06-24 17:57:41
阅读次数：
206
1.浮动实现圣杯布局 html代码： <div class="demo"> <div class="center same"> <div class="inner">center</div> </div> <div class="left same">left</div> <div class="r ...
分类：
Web程序 时间：
2020-06-09 20:30:07
阅读次数：
87
rem和vw布局主要都是为了更好地适配移动端，毕竟手机的型号太多了。 在进行移动端设计的时候，首先要引入一个meta标签。（禁止用户缩放） 1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-sc ...
分类：
移动开发 时间：
2020-04-19 00:37:13
阅读次数：
124
一、什么是html5语义化？ 使用合理，正确的html标签格式化文档。 二、CSS样式优先级? 就近原则,行内>内联>外联 三 什么是盒模型？ 主要分为两种，w3c标准盒模型,IE标准模型. 把网页所有元素当成盒子,宽度是由content,padding,margin,border组成. 为什么有两 ...
分类：
其他好文 时间：
2020-01-31 23:06:56
阅读次数：
91
我们这次要说的就是:现在有很多的公司以及很多的app软件经常使用的两个方法横向滚动条和文本超出三个小圆点 横向滚动条:顾名思义嘛,就是能够一块内容可以横着滑动. 文本超出三个小圆点:文本超出就是当文本的内容超出了我们的所定的盒子宽度,我们将多余的文本隐藏替换成i小圆点进行显示. 自己刚才写了一个简单 ...
分类：
Web程序 时间：
2020-01-06 19:44:18
阅读次数：
112
圣杯布局的要求：随着页面宽度的变化，三栏布局中的中间盒子优先自适应渲染，两边盒子宽度固定不变； 需求： 1.两边固定，中间自适应； 2.先加载middle内容； 3.三列等高布局； 步骤：布局：有头，有尾，有内容，middle部分要放在content的最前部分，然后是left，reight；浮动让三 ...
分类：
Web程序 时间：
2019-09-11 10:06:41
阅读次数：
85
