摘要：
nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。 nth-child(n) —— 寻找第n个子元素nth-of-type(n) —— 寻找同一类型元素里的第n个元素 看这个定义也许还不是很清楚他们 阅读全文
摘要：
写在前面 在开发时，为某个编码单元，比如一个单词，添加单引号和双引号，将其变成字符串是常见的情形，比如下面这个对象。 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用于布局分开元素使 阅读全文