css
关注
分享
扫一扫
纟31
越努力越幸运
展开
-
使用css实现元素水平垂直居中
在做弹窗组件时，需要实现元素水平垂直居中，总结记录一下。（有借鉴） 1、使用position:absolute，绝对定位实现 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css">...原创 2019-06-25 16:49:16 · 220 阅读 · 0 评论 -
原生js jquery设置输入框不可编辑，attr、prop对比
1、设置输入框不可编辑 点击switch按钮，输入框可编辑和不可编辑切换 <p>E-mail: <input type="text" id="email" name="email"></p> <button class="switch">switch</button> --------------------------------...原创 2019-07-05 21:24:06 · 1070 阅读 · 0 评论 -
重绘（repaint）和回流/重排（reflow）介绍，以及如何进行优化
首先了解浏览器的渲染过程 1、浏览器渲染过程 （截自chenjigeng作者的图） 浏览器采用流式布局； 解析HTML—DOM树，解析CSS—CSSOM树，DOM + CSSOM => 渲染树； 根据生成的渲染树，进行回流（layout），得到节点的位置、大小； 根据之前得到的信息，进行重绘（painting），得到节点的绝对像素； 将像素发送给GPU，节点绘制到页面上； 2、回流 发...原创 2019-08-28 10:46:16 · 619 阅读 · 1 评论 -
css3动画实现
1、tab切换 使用css伪类、transition、transform实现 li:after给每个li加上一个红色border； 使用transform: scaleX(0);缩放，1是正常大小，2是两倍长度，0是长度为0px，不显示； hover时，设置scale为正常大小，就能显示出来； <style type="text/css"> *{ margin:0; ...原创 2019-09-04 16:13:42 · 535 阅读 · 0 评论