摘要： 实现效果图： 看上去是不是很屌的样子？其实实现起来主要就是用到了一个float，不难。 实现步骤：1、新建一个大div，300*30002、里面放5个小div，100*1003、将div定位 阅读全文

摘要： 一、概述 hover伪类：在鼠标移到元素上时向此元素添加特殊的样式。比较普通的就是一个url，当你鼠标放上去后，会变颜色。 在现实的应用场景也非常之多。最常见的是网站的悬浮导航，当鼠标放到导航条上时，会出现颜色变化或者元素自动伸出菜单栏。 实例1：鼠标hover时，将内容框起来 原始效果： 鼠标悬停 阅读全文

摘要： 一、三步搞懂箭头产生的原理 在前面的盒子模型一文中，我们已经知道了一个元素空间占位。为了弄明白箭头的产生，我们可以三步走： 第一步：设置一个div，然后给他设置样式：边框100px，上右下左颜色分别为绿、蓝、橘、红。然后设置div的高度和长度均为100。 效果图如下： 第二步：我们可以看到中间一个正 阅读全文

摘要： 一、概述 CSS 定位 (Positioning) 属性允许你对元素进行定位。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，这个功能非常强大，也很让人吃惊。 二、CSS 定位机制 CSS 有三种基本的定位机制：普 阅读全文

摘要： 1、整体布局 大部分的布局都是由三部分组成，header、body、footer。 代码布局：写三个div 2、默认margin 默认情况下body和document之间是有margin的 以上代码我并没有设置div的maring，但是它不是定格，你会发现它在上面和左边都有间距，这就是默认距离。 一 阅读全文