灵阳星空
前端教程：CSS书写规范、顺序推荐
写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前...
标签：css
CSS让图片在DIV中居中显示
我们在做网站的时候经常会用到缩略图，比如产品列表，缩略图肯定是有一个长宽值或长宽比的，如果让图片宽度100%，高度一定值，超出高度的隐藏不显示，这样的话图片显示不完整，可能你的客户是不同意的。如果宽度和高度都用固定值，那么图片可能就会变形显...
纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起...
纯CSS 实现radio checkbox样式美化
我们知道CSS 是不能直接定义radio 标签和checkbox 标签的样式，但是默认的实在是太丑了，总要想办法来美化美化这货的。强大的CSS选择器可以帮助我们来实现美化。 首先我们看我们美化过的 再回顾下默认样式 实现方法 HTML结构 ...
15种漂亮 CSS3 loading 动画特效
这是一款漂亮的 css3 loading 动画特效。该特效中包含了 15 种不同的 loading 动画效果，他们通过简单的 HTML 结构和 CSS3 代码来实现。 HTML 结构 <div class="containe...
CSS 实现矩形四个边角加粗的方法
先上效果图： html代码 <body> <h1 style="color: red">css实现矩形边角加粗</h1> <div class="main"&...
CSS 实现 Logo 扫光效果
逛博客的时候看到很多博客 logo 都有类似知更鸟住的扫光效果，于是就踏着大神的步伐一步步实现 logo 扫光效果,记录如下。 logo 扫光效果思路非常简单： 用 CSS3 伪元素 :bfore 或 :after 添加一扫光层； 现用 t...
一段CSS代码让div盒子有立体效果
先上效果图，再来代码： 上图是对一个336*280px大小的矩形进行了调整，给它增加了一个投影的效果，就好像它立了起来，有种立体的感觉，怎么做到的呢？其实也就是一段CSS的功夫。先确定下html结构，在你的广告div盒子里增加一个class...
CSS样式中有空格和无空格的区别
看到 .header .content .header.content .header>.content 这几个选择器的意思 .header.content 中间无空格 且 的关系 表示class 中有 header 并且有content ...
