• px：px 实际上就是像素，用 px 设置字体大小时，比较稳定和精确 o px 像素（Pixel），相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的。 • em：...
发简信
IP属地：重庆
-
px 与 rem 的区别
-
Ajax 如何使用
btn.onclick = function(){ // 1. 实例化一个 XMLHttpRequest 对象 let http = new XMLHttpRequest()...
-
flex 布局原理
• flex 是 flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性， 任何一个容器都可以指定为 flex 布局。当为父盒子设置为 flex ...
-
弹性盒子布局属性有哪些请简述
• 父元素: o 主轴方向 flex-direction 1. row 主轴从左向右默认值 18 2. row-revese 主轴从右向左 3. column 主轴从上到下 ...
-
margin 和 padding 在什么场合下使用
margin:用来调整盒子到盒子之间的距离，不会撑大显示的区域，但是会影响到别 的盒子 o 使用场景:需要在 border 外侧添加空白时;空白处不需要背景(色)时;上下 相...
-
浏览器的标准模式和怪异模式
• 盒模型： o 在怪异模式下，盒模型为 IE 模型。盒子所占区域宽度=width(宽)+margin(左 右)，高度等同 o 在标准模式下，盒模型为 W3C 模型。盒子所占...
-
想到什么就写什么
想到什么就写什么 有一位文友说：“我写文也是记录生活，没有高深的学识，也无法带给读者深刻的启发和领悟，就是清汤寡水。有时候想到什么就写什么，反正题材不限。（笑的表情包）” 我...
-
行内元素/块级元素有哪些？
• 行内元素在同一行显示，不可以设置宽高，宽高由内容撑开，padding、margin 左 右显示准确，上下显示不准确，margin:0 auto,不生效，可以给内联元素添加...
-
网页中有大量图片加载很慢你有什么办法进行优化？
1、图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏 览器顶端的距离与页面的距离，如果前者小于后者，优先加载 2、 如果为幻灯片、相册等，可以使用图片...
-
Css 选择器有哪些，哪些属性可以继承，优先级如何计Css3 新增的伪类有哪些 • css 选择器 o id 选择器（ # myid） o 类选择器（.myclassname） o 标签选择器（div, h1, p） o 相邻...
-
怎么让一个元素垂直居中
• 如果是图片，直接设置 img 的属性 vertical-align: middle;前提是需要设置父级元素 为块级元素并且设置高度 • 如果是单行文本，可以通过设置子元素...
-
弹性盒子布局属性有哪些请简述
• 父元素: o 主轴方向 flex-direction 1. row 主轴从左向右默认值 18 2. row-revese 主轴从右向左 3. column 主轴从上到下 ...
-
2021-11-23写文章，真的很丢人吗
转眼之间，我写了一年多文章，这是第648篇，其实真正写的比这要多很多。简书草稿箱还有1300多篇。那些都是废品和半成品。也有的是工作生活杂记，不便拿出来示人。 朋友也写文章，...
-
border-box 与 content-box 的区别
border-box padding 和 border 被包含在定义的 width 和 height 之内。 对象的实际宽度就等于设置的 width 值，即使定义有 bord...
-
css子元素如何在父元素中居中
1、定位+margin：auto 父元素 position: relative 子元素 position: absolute left:0;top:0;right:0;bot...
-
关于css中的定位
今天分析下css中的各种定位 position用于定义定位，他的值分别为static，relative，fixed，absolute，sticky，最常用的也就是absolu...
-
清除浮动的方式有哪些？请说出各自的优点
• 额外标签法（在最后一个浮动标签后，新加一个标签，给其设置 clear： both）不 推荐 o 优点：通俗易懂，方便 o 缺点：添加无意义标签，语义化差 • 父级添加 o...
-
Css3 新增的特性
css3 选择器 o 属性选择器 [属性名] 可以选择到官方或者自定义的属性 [属性名="属性值"] 匹配属性值 [属性名~=""] 包含该值必须单独出现的 [属性名*=""...