摘要：
<body> <div id="#div1"> <img src="img1.png"></img> </div> </body> 那么，如何让img元素在div中居中对齐呢？ 第一种方法 第一步：在img标签后面添加一个元素，比如说添加一个span元素 <body> <div id="div1"> 阅读全文
posted @ 2020-06-02 23:47
热爱前端知识
阅读(331)
评论(0)
推荐(0)
摘要：
文档流 文档流是一种默认定位方式，在文档流中元素框的位置由元素在html中的位置决定，文档流中元素的position属性为默认的static或继承来的static并按照普通流定位。块级元素独占一行，自上而下排列；内联元素从左到右排列。让元素脱离文档流有三种方法：浮动float;绝对定位positio 阅读全文
posted @ 2020-06-02 22:54
热爱前端知识
阅读(234)
评论(0)
推荐(0)
摘要：
在不同场合下，CRM（客户关系管理）可能是一个管理学术语，也可能是一个软件系统。我们通常所指的CRM，指用计算机自动化分析销售、市场营销、客户服务以及应用等流程的软件系统。通俗地说，CRM就是利用软件、硬件和网络技术，为企业建立一个客户信息收集、管理、分析、利用的信息系统。 CRM客户管理的流程是怎 阅读全文
posted @ 2020-06-02 22:01
热爱前端知识
阅读(2602)
评论(0)
推荐(0)
摘要：
弹性布局flex是一个几年前的CSS属性了，说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :) 之前网上流行的各种XX布局，什么postion: absolute+margin，float+padding，各种都可以使用flex来取代之。 早两年在使用的时候，还是会担心有兼容性 阅读全文
posted @ 2020-06-02 21:13
热爱前端知识
阅读(389)
评论(0)
推荐(0)
摘要：
Block formatting context （块级格式化上下文） 页面文档由块block构成 每个block在页面上占据自己的位置 使用新的元素构建BFC overflow：hidden | auto | scroll； 只要不为visible 新的空间 告诉浏览器，外面的环境影响不到我了 我 阅读全文
posted @ 2020-06-02 20:24
热爱前端知识
阅读(177)
评论(0)
推荐(0)
摘要：
替换元素与非替换元素 替换元素：是指浏览器根据元素的标签和属性来决定元素的具体内容。 例如"<img src="xx.jpg">浏览器会根据标签的src属性的值来读取图片信息并显示，<input type="radio">浏览器会根据input标签的type属性来决定是显示输入框还是单选按钮 非替换 阅读全文
posted @ 2020-06-02 19:41
热爱前端知识
阅读(294)
评论(0)
推荐(0)
摘要：
说明 写这篇文章是因为某天看到这样一个公式 r=a(1-cosθ) ，我上网搜了下，原来是笛卡尔心形线的极坐标方程，这个方程里面的确有一个浪漫又悲情的爱情故事，感兴趣的朋友可以点这里看看，而至于这个故事是真是假，这 并不重要。 而这篇文章的目的是要用前端的方式，画出笛卡尔心形线。本来我想，这么经典的 阅读全文
posted @ 2020-06-02 18:53
热爱前端知识
阅读(6586)
评论(0)
推荐(0)
摘要：
one more time one more chance. 一歩重头学前端, css入门。 学习一些 CSS 文本控制的属性，防止做傻事。请大家对照下面列表检验下： 会的、不会的、似懂非懂的。笔者是一个也不会。 white-space text-overflow: ellipsis; word-b 阅读全文
posted @ 2020-06-02 18:01
热爱前端知识
阅读(280)
评论(0)
推荐(0)
摘要：
CSS5:移动端页面(响应式) 如果手机端和PC端页面差别很大,就不要写响应式,不要写@media 就直接将两个页面拆开成两个文件就可以了.关于判断是手机端你还是PC端,就交给后端来做只有一些新闻站点和博客站点用响应式,因为布局简单,响应式足够 1.媒体查询 media query 媒体:电脑,纸张 阅读全文
posted @ 2020-06-02 16:21
热爱前端知识
阅读(1373)
评论(0)
推荐(0)
摘要：
原文链接：https://csswizardry.com/2018/... 背景资料 为了更好地控制产品主页缩略图的显示，（作者）团队选择了css的background-image而不是<img>标签；除了语义上的担忧，在样式的角度看，用css可以更好的控制图片在容器中的大小和位置；这种方式唯一值得 阅读全文
posted @ 2020-06-02 15:32
热爱前端知识
阅读(225)
评论(0)
推荐(0)
摘要：
在PC端用1px的边框线，看起来还好，但在手机端看起来就很难看了，而0.5px的分割线会有种精致的感觉。用普通写法border:solid 0.5px red;iPhone可以正常显示，android下几乎所有的浏览器都会把0.5识别为0，即无边框状态. 原理 原理就是给需要加边框的元素插入一个伪类 阅读全文
posted @ 2020-06-02 14:43
热爱前端知识
阅读(981)
评论(0)
推荐(0)
摘要：
推荐一个css3渐变效果工具，觉得有帮助的可以收藏下。 工具链接 CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变（gradients）： 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（ 阅读全文
posted @ 2020-06-02 13:58
热爱前端知识
阅读(444)
评论(0)
推荐(0)
摘要：
投影 单侧投影 box-shadow:0px 10px 10px -5px black; 邻边投影 box-shadow:10px 10px 10px 2px black; 双侧投影 box-shadow:10px 0px 10px -10px black, -10px 0px 10px -10px 阅读全文
posted @ 2020-06-02 13:07
热爱前端知识
阅读(159)
评论(0)
推荐(0)
摘要：
前言 有过面试经验的同学应该都被问过浏览器兼容性的问题，对于面试官的问题，常常猝不及防，因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧"，"你对浏览器的兼容性有了解过吗"，那么如何才是我们正确回答这个问题的姿势呢。 虽然面试官的问题十分的笼统，浏览器的兼容性无非还是样式兼容性（css），交互兼 阅读全文
posted @ 2020-06-02 11:12
热爱前端知识
阅读(256)
评论(0)
推荐(0)
摘要：
前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对relative units的讲解和举例可以说相当全面，看完之后发现自己并不太懂CSS相对单位，也希望分享给大家，所以有了这个译文系列。（若 阅读全文
posted @ 2020-06-02 10:30
热爱前端知识
阅读(330)
评论(0)
推荐(0)
摘要：
我们都知道background-position属性用来指定背景图片应该出现的位置，可以使用关键字、绝对值和相对值进行指定。在CSS Sprites中，这个属性使用比较频繁，使用过程中，我常混淆，经常切不到自己想要的效果，于是决定好好理解其工作机制，这篇文章就是介绍background-positi 阅读全文
posted @ 2020-06-02 09:42
热爱前端知识
阅读(851)
评论(0)
推荐(0)
摘要：
一个简单通用的 React 抛物线动画demo Usage import { parabola } from "./parabola" ... onAnimate = () => { const config = { ballWrapper: this.$wrapper, //小球的父容器 orig 阅读全文
posted @ 2020-06-02 08:51
热爱前端知识
阅读(348)
评论(0)
推荐(0)
浙公网安备 33010602011771号