这种技巧的名称叫做CSS Sprite，基本原理就是利用CSS中图片background系列的 background-image、background-repeat、background-position等属性实现。通过这种方式达到图片显示 加速的关键，不是降低重量，而是减少个数。在通常情况下一张图片的传输时间，通

转：http://www.poluoluo.com/jzxy/201109/142876.html在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或者相对定位的元素，但是这样的话，这些浮在上面的div或者其它元素一般都会给个宽高，或者relative的元素可以不给宽高，这个

一、@font-face语法1.格式@font-face { font-family: identifier; src: fontsrc [string] [, fontsrc [string]]*; [font]; }2.相关参数identifier：字体名称url：此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径string:字体的格式，主要用

cursor: not-allowed; 会是一个禁止的形状

根据博客园的Markdown文章 样式优化 实战经历，大部分的事情已经搞定了，而且原作者[huizong](github: huizhong/github-markdown-css)已经把所有.markdown-body替换成了.cnblogs-markdown，不需要自己再手动操作了。huizong的CSS我的主题是SimpleMemory，应用

可以设置div层与层之间的优先级，上下层覆盖优先情况。 如果想要一个小的div 层 覆盖到另外一个大的div 层上，就可以position: absolute

　　在使用thymeleaf加载css或js样式，当我们进入登录页的时候发现，所有的样式都是加载失败的。原因是在新版中有这样一个坑……：　　当我们设置了addInterceptors-注册拦截器的时候，通常会这样设置 /** * 注册拦截器 */@Overridepublic void addIntercepto

移动端字体使用： font-family: Helvetica,sans-serif;我看这也是天猫使用的透过背景看其他元素模糊，自身元素不模糊：-webkit-backdrop-filter:saturate(180%) blur(20px);background: rgba(0,0,0,0.5);backdrop-filter:blur(px);模糊backdrop-filter:hue(d

 实现对号效果，一种思路是利用现成的符号，直接在网上搜索到 √，插入页面。另一种思路是本文要介绍的用 CSS 实现，思路是：    给块级元素设置宽度和高度    设置元素相邻的两个 border    旋转元素HTMLdiv class="check-style-unequal-width"/di

.itemContent {background-color:#F0F0F0;padding:3px 11px 11px 11px;text-align:justify; text-justify:inter-ideograph;}

如果是一行的话css为    white-space: nowrap； 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。overflow: hidden； 隐藏超出单元格的部分。text-overflow: ellipsis； 将被隐藏的那部分用省略号代替。 若是想要超出指定的行数再显示..

实际效果：@-webkit-keyframes gogogo {0%{-webkit-transform: rotate(0deg); border:5px solid red;}50%{-webkit-transform: rotate(180deg);background:black; border:5px solid yellow;}100%{-webkit-transform: rotate(360deg);background:white; border:

在css中，元素被分为三种类型: 块级元素： 诸如段落、标题、列表、表格、DIV和BODY等元素都是块级(block-level)元素。图样和表单输入这样的替换元素，可以看做是快级元素，但通常都不这样看。每个快级元素都从一个新行开始显示，而且其后的元素也需另起一行

网站变灰这个效果很常见，在我这里暂时没有找到最优解决方式，先把今天的研究结果记录一下。第一种方案 ：对所有静态资源文件进行灰度处理，得到新一个资源目录，例如asset_ori 原始资源    asset_gray灰度资源，将文件映射指向灰度资源这里面包括对img以及