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 · 186 阅读 · 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 · 1015 阅读 · 0 评论 -
重绘(repaint)和回流/重排(reflow)介绍,以及如何进行优化
首先了解浏览器的渲染过程1、浏览器渲染过程(截自chenjigeng作者的图)浏览器采用流式布局;解析HTML—DOM树,解析CSS—CSSOM树,DOM + CSSOM => 渲染树;根据生成的渲染树,进行回流(layout),得到节点的位置、大小;根据之前得到的信息,进行重绘(painting),得到节点的绝对像素;将像素发送给GPU,节点绘制到页面上;2、回流发...原创 2019-08-28 10:46:16 · 549 阅读 · 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 · 494 阅读 · 0 评论