大董的博客

目前，一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，。避免网页打开时加载过多资源，让用户等待太久。 图片懒加载实例 * { margin:

一、 CSS 来实现对象的垂直居中的几种不同方法。 1、使用表格的 vertical-alignproperty属性。              Content goes here      #wrapper {    display: table;}#cell {    display: table-cell;    vertical-alig

今天测试偶然发现一个问题，页面上的按钮每次点击时都会出现一个黄色的框，然后各种查看自己写的样式表，没有发现自己控制这个呀 ，后来在引入的bootstrap框架中发现了这样的代码：.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {   

>  html>      head>  meta charset="utf-8">   title>菜鸟教程(runoob.com)title>   style>   div  {            /*颜色渐变的相关知识*/      background: -webkit-linear-gradient(red, blue); /* Safari

Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:1234567891011121314.square {    wi

CSS居中一直是一个比较敏感的话题，为了以后开发的方便，楼主觉得确实需要总结一下了，总的来说，居中问题分为垂直居中和水平居中，实际上水平居中是很简单的，但垂直居中的方式和方法就千奇百怪了。内联元素居中水平居中设置：行内元素 设置 text-align:center；垂直居中设置：父元素高度确定的单行文本（内联元素）设置 height = line-height；父元

1 *：通用选择器* { margin:0; padding:0; }*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。*选择器也可以应用到子选择器中，例如下面的代码：#container * { border:1px solid black; }这样ID

什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。清除浮动方法方法一：使用带clear属性的空