摘要： 曾经遇到过这样的问题，设定一个div，当给div设置padding的时候，发现整个div的宽高都发生了变化，这里就产生了一个疑惑，一个盒子的总体宽高到底是怎么去判断的呢？ 经过查询得知，盒子宽高的判定模式一共有两种，分别为标准模式和怪异模式。 为了能更好的理解我们先设定一个div并给它设定样式： 一 阅读全文

摘要： 有这样一个问题，有a,b,c,d四个字母，每当刷新页面时会以随机的顺序出现，比如a,d,b,c和b,d,c,a。 我当时的解决方案为： 不过这样写有着很明显的弊端，那就是下次如果想换一些字母进行输出时，必须将程序进行一次大的更改才能继续进行应用，这样做不利于重复使用 下面这种方法就很好的解决了这个问 阅读全文

摘要： 最近在国外的一个网站上看到的一个关于结构性伪类选择器的用法，觉得十分实用，就自己尝试了一下，并把它给记录下来： 这是最基本的样式： body内的内容： 首先是最基本的结构性伪类选择器的用法： 结果展示为： 利用:nth-child(n+6) 相当于:nth-child(6)及以上的li标签元素： 结 阅读全文

摘要： 最近学习了js的面向对象，为了能让自己更好的理解，这一篇博客就当作是加深自己学习印象的总结（可能会有很多不足，欢迎指正）。 js通过函数来创建对象，而且js本身也是一种对象，那么什么又是对象呢，对象包含两种：1、属性（静态的特征）2、方法（动态的特征）。 通过js来创建对象： 2、用this关键字来 阅读全文

摘要： 可以利用两块div（分别设为前和后），用绝对定位使两块div重合，再利用z-index实现两块div的堆叠顺序（即显示的变换），利用动画和定时器实现轮播，这就是基本的思路。 完整的顺序如下： 1、先设定两个div， 2、给两块div设定宽高，并设为绝对定位（这里准确的位置自行设定），使其重合，这里需 阅读全文

摘要： 伪对象选择器包含三种，分别为： E::selection E::after E::before 其中before和after必须与content结合使用，如果content想用几何图形要加 \ 进行转义，content里面的内容相当于文字，可以通过color改变颜色，font-size改变大小 等等 阅读全文