实现边框loading动画效果
2020-03-30
效果图如下 代码如下： html <body <style .box { display: inline-block; position: relative; width: 220px; height: 100px; ...
167 字
|
1 分钟
垂直居中的几种方式
2020-03-26
在阅读此文章之前要搞明白行内元素和块级元素的区别，和其常用的标签 行内元素垂直居中 1. 设置外层块元素的height，line-height为相同的值 适用范围：作用于单行为文字，使文字垂直居中显示 原理：line-height与font-size的计算之差（在css中成为“行间距...
1999 字
|
10 分钟
块级元素，行内元素和行内块元素
2020-03-26
块级元素 每个块级元素都是独占一行或者多行，可以对其单独设置高度，宽度以及对齐等属性 块级元素有div、p、table，nav、aside、header、footer、section、article、ul，li、 <h1<h6 ，address等。 块级元素的特点 - 块级元素会独占一行...
434 字
|
2 分钟
浏览器的渲染机制
2020-03-25
浏览器的渲染过程 面试题：在浏览器地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？ 目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit...
2111 字
|
11 分钟
画一条0.5px的边
2020-03-25
什么是像素？ 像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率大约为30...
1414 字
|
7 分钟
CSS盒子模型
2020-03-25
css盒子模型 先看例子： html <style div { width: 300px; height: 400px; border: 5px solid ccc; background-color: aqua; padd...
442 字
|
2 分钟