1、弄清目的，首先要认识为什么要学习CSS？2、心态不能急，如果你很急躁，否则会很快丧失兴趣。3、坚持，这个不是一到两天的事情，是一个漫长的过程（至少两个月）。

摄影师一直喜欢使用滤镜。几乎在所有拍摄条件下都有滤镜，无论是通过在黑白胶片上应用红色滤镜还是通过添加偏光镜消除眩光来提高对比度，都可以达到非常有趣的效果。本文中描述的自制照片滤镜会改变画面的颜色，光线的来源，并在拍摄时产生不寻常的效果。在这种情况下，无需在任何购买高昂的滤镜器材。一块普通的玻璃纸片可以是出色的包装材料，因为它是制作自制照片滤镜的材料。有许多不同的方式来使用这种材料。可以使用玻璃纸来...

span元素宽度是被包围的内容宽度决定，不建议给span设置宽度属性width，可以给span设置margin值，设置与父元素之前的距离。span可以通过css声明（display:block）转换为块元素，想对一行中的文字或图片单独设置样式，而又由不需要换行的条件下又不影响其他行内其他内容，span可以很好解决这些问题。

span和div区别在于，div是一个块级元素，它包含的元素会自动换行。而span是行内元素，在它的前后不会换行。span没有结构上的意义，只是单纯的应用样式，其他元素不适合时，就可以使用span元素。span可以作为div的子元素，但div不能是span的子元素，如果出现span中出现div不符合ws3c的页面标准。

div标记是html3.0时提出来的，但是不常用，直到css的出现才慢慢变得应用广泛起来。HTML4.0以后span才被引入，主要针对样式表设计的。div与之间可以理解成一个容器，这个容器可以放段落、标题、图片等各种HTML元素。div与之前的内容可看做一个独立内容的对象，对于css的控制。先需要对div控制，再对div中各标记的元素再进行控制。span标记与div标记一样，作为容器标记广泛应用在...

在使用css排版网页时，span和div常用的两个的标记。利用这个两个标记，加上css样式控制，可以实现很复杂的网页效果，下面为大家详细讲解一下他们区别和使用。

大多数程序猿经常会有前端开发碰到DIV垂直居中的问题，总结了几个例子全面的展示了让图片或文字绝对垂直和左右居中于DIV图层中方法和技巧，大家可以参考和学习一下代码。。效果图

拖动时有四种边缘情况，即图中的1、2、3、4，我们一一来看当div拖动到位置1时，我你们再往左拖动，都应该失效，即拖动div的left始终等于外层div的left值当div拖动到位置2时，我们再往上拖动，都应该无效，即拖动div的top始终等于外层div的top值当div拖动到位置3时，我们再往右拖动，都应该无效，即拖动div的left始终等于外层div的left加上外层div的宽度，然后再减去...

将css规则写在HTML文件中将css规则写在独立的文件中CSS层叠样式表Css(CascadingStyleSheet)层叠样式表，样式就是格式。层叠就是指当HTML文件引用多个Css样式时，一般遵循“最近优选原则”。

表现与内容分离增强了网页的表现力网站显示风格趋于统一