一半设计一半前端

border属性在CSS3新增了很多样式，比如border-radius圆角样式，其中可以为border-color设置transparent值则实现了利用该样式绘制三角形等的能力。transparent表示透明，透明不代表不存在。在CSS2里面，只能为background-color设置该值，在C...

CSS，全名为“层叠样式表”，Cascading Style Sheets，样式表比较好理解，就是为网页添加了样式，而层叠比较难理解，它的核心是“继承”与“冲突”。CSS的目的：重定义HTML的默认样式。也许你觉得HTML标签的默认样式很丑，但是却没有在意过这些标签为什么丑，它有什么默认的样式？我如...

与text-shadow的原理一样，只不过text-shadow是为文字做阴影，而box-shadow是为盒对象做阴影。这里的盒包括块状(block)、内联(inline)、内联块状对象(inline-block)。如果对盒对象不清楚的童鞋，可以先看这篇文章：˂a href="http://mrsz...

网页的元素总体可以概括为两大类：1、块状对象（block）2、内联对象（inline）一、什么是块状（block）对象？无论宽度多少，都独占一个通栏的，不能和别的对象并排在一起的就是。比如h1~h6,div,ul,li,p等元素。可以通过浮动（float）实现块状元素的并排，但是会产生高度不自适应和...

在css2时代，如果文字制作了特殊的样式，比如图层样式之阴影发光等效果，必须把该文字保存为图片才能展示在网站上。而css3新增的text-shadow属性，可以轻松实现文字投影、发光、内阴影等很棒的立体效果，具体效果如图：˂...

这篇文章主要记录学习CSS过程中遇到的很好的小技巧，不断更新……1、平时设置字体的时候总喜欢分开写，比如这样：font-family: Arial, Helvetica;  font-weight: bold;  font-style: ...

网站上面不是所有的图片都是图片，有些小图标可能是一种特殊字体呈现的，比如这种纵向导航前面的小图标。具体的使用方法如下：1、先下载FontAwesome字体和对应的CSS文件，放在自己的站点css文件夹中。2、...