![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
peakFeng116
不积跬步无以至千里...一个不会写文案的理财规划师不是好程序猿
展开
-
canvas实现图形验证码
<canvas id="canvas_code"> </canvas><script>// canvas绘制图形验证码 (function(){ function Gcode(el, option) { this.el = typeof el === 'string' ? document.querySelec...转载 2019-12-26 03:28:06 · 212 阅读 · 0 评论 -
css水平垂直居中的常用方法
css 样式<body> <div id="box"> <div id="box1"></div> </div></body>方法一:flex 布局 #box { height: 400px; height: 400px; border: 1px solid...原创 2019-12-05 12:08:36 · 140 阅读 · 0 评论 -
Css基础知识点梳理总结
Css知识点复习总结标准文档流页面内的元素由左到右由上到下按照顺序依次排列特点:1、空白折叠:多个空格会被合并成一个空格(解决办法:使用 来解决)2、自动换行,一行满以后会自动换行3、所有元素默认都是底边对齐2.标准文档流元素分类行内元素和块级元素(行内块元素:里边是块属性套了一个行属性的壳)行属性:行内显示、不能设置宽高、只能嵌套行标签块属性:独占一-行换行显...原创 2019-08-13 13:08:00 · 323 阅读 · 0 评论 -
CSS 3D正方体
CSS 3D正方体分享一个拼好的3D正方体的源码**<style> #outer{ width: 200px; height: 200px; margin: 200px auto; border: 1px solid #fff; perspect...原创 2019-08-19 01:19:13 · 329 阅读 · 0 评论 -
浅谈img间隙问题及解决方案
浅谈img间隙问题及解决方案为什么图片会有间隙呢? 这是因为图片默认和文本的基线对齐,img标签的基线就是图片的底部,那么一行文字包括当前行内的图片都是基于基线对齐的,但是图片的基线和底部是重合的,所以图片下边是由空隙留给文字的底线和基线之间的距离,但是为什么明明没有书写文字,仍然会有间隙呢?其实渲染过程中,会在空白的地方渲染一个没有宽度和高度的节点,这个节点被称作为**幽灵白节点**。为...原创 2019-08-12 19:31:58 · 480 阅读 · 0 评论 -
css几种水平垂直居中
1. 使用flex布局在父容器中设置.container{ displayy: flex; justify-content: center; align-items: center}2. 绝对定位分为已知宽高和未知宽高两种情况已知宽高都是100px,设置自身为绝对定位(absolute),top和left为50%,margin-left、margin-top为自身的一...原创 2019-08-27 23:53:26 · 120 阅读 · 0 评论 -
浏览器渲染原理及流程
浏览器渲染原理及流程大多数设备的刷新频率是60Hz,也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间,页面的渲染就会出现卡顿现象,影响用户体验。前端的用户体验给了前端直观的印象,因此对B/S架构的开发人员来说,熟悉浏览器的内部执行原理显得尤为重要。1. 浏览器主要组成与浏览器线程1.1 浏览器组件浏览器大体上由以下几个组件组成,各个浏览器可能有一点不同。界面控件 –...转载 2019-08-29 20:20:41 · 3700 阅读 · 0 评论