摘要：
写在前面 在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。 let users = [{ name: "zhangsan", age:25, },{ name: "lisi", age:26, },{ name: "wangwu", age: 阅读全文
摘要：
1、响应式设计关键点在于： 媒体查询、流动网格、弹性图片，而不是flex布局或者是自适应布局 响应式和自适应的最直观的区别是：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，直观地来看就是盒子会根据屏幕分辨率的大小进行伸缩变换。所以，就是PC端与手机端浏览的时候就是一个设计的板式，这样子当 阅读全文
摘要：
CSS 选择器权重值 CSS 具有自己的优先级计算方法，而不仅仅是行间>内部>外部、ID>class>元素 1. 样式类型 行间样式 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1> 内联样式 <style type="text/css"> 阅读全文
摘要：
碎碎念： 已经很长时间没有更新过博客了，分析一下，一个是太懒了。。。所以很久没整理一下了。 还有就是嫌弃博客园默认的博客界面真的太丑了，作为颜控的我真的无法忍受啊。 个人比较喜欢用makedown来编写博客，但是博客园自带的编辑器真的不是很友好啊。。。。。 还好，博客园比较人性化的有页面样式的自定制 阅读全文
摘要：
一 前言 要想掌握CSS部分的内容其实并不容易，尽管你已经阅读过相当多的关于CSS的书籍，但是还是免不了去网上搜索相关的知识扩大你对CSS内容的掌握。在网络上查找最好的地方当然是CSS官网文档，不过英文版的官方文档将很大一部分人拒之门外，而中文版的博客上五花八门的只是零散又不权威，很容易将人带入歧途 阅读全文
摘要：
水平垂直居中的4种方案(宽高不定) 方案中我也给了宽高,但并不是说宽高固定了。而是以为不给宽高无法看到效果。这个方案不固定宽高的是指,用这个方案之后,如果你父元素、子元素的宽高发生了改变,依旧可以保证是水平垂直居中的位置。 下面四种方案都是能够实现,当父元素或子元素的宽高发生改变时,依旧维持水平垂直 阅读全文
摘要：
前端面试之 CSS3 新特性 除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。 如何用 js 获取虚拟键盘高度？-前端早读课 9月7号早读文章由@汤谷投稿分享。正文从这开始～ 这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，what？没有方 阅读全文
摘要：
CSS中有个重要的概念BFC，搞懂BFC可以让我们理解CSS中某些原本诡异(??)的地方。 1. 简介 在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC(Formatting Context)，直译过来是格式化上下文，它是页 阅读全文
摘要：
1.文档流 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline）不独占一行。一般使用margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使 阅读全文
摘要：
一切都不那么真实 当一面结束时，一切都显得不那么真实。几分钟前还在着急忙慌地接招，随着电话的挂断，周遭又安静了下来，安静到感觉连脑袋都变得有些迟钝。 这种感觉很熟悉。多年前高考结束的那个夜晚，暴雨，回到家，一个人，对着堆成小山的习题集和试卷，说不出话来。一切都结束了，却没有意料中的狂喜。平静，甚至略 阅读全文
摘要：
简介 前面写了一篇文章讲解了position常用的几个属性：《CSS基础篇-- position属性讲解》一般都知道下面几个常用的： { position: static; position: relative; position: absolute; position: fixed; } 在htt 阅读全文
摘要：
1.写在前面 这两天，大家一定是被红月亮刷屏了吧？我们都被下面漂亮的月亮迷倒了吧？ 哈哈，大家清醒清醒，那么漂亮的月亮，大家有没有想过我们的css可以搞定任意颜色的月亮呢？答案是：肯定可以的。那么今天就给大家讲讲任意颜色的月亮怎么实现：使用线性渐变linear-gradient，so easy!如果 阅读全文
摘要：
情况一：在下图布局下： 头部一个固定的banner图，下部为占满屏幕的一个元素时.开始的思路是获取屏幕的高度减banner的高度，赋值给底部高度。此时，会出现带着虚拟键盘进来，再关闭虚拟键盘，底部留白的结果； 代码如下： setHeigh(){ var bodyTop = document.body 阅读全文