网站悼念黑白灰CSS代码
给网站换上了黑白色调，以表达哀思。我的地方资讯网站也做了这个设置，现在分享一下网站悼念黑白灰CSS滤镜代码：<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); fil……
CSS教程
使用CSS控制全局图片居中
玩站群的人，经常会碰到批量采集文章时，图片本地化上传，要统一控制图片居中，不可能一张一张在编辑器里居中。最近保哥在DISCUZ做的地方资讯站上采集微信公众号内容时，采集的图片默认没有居中，需要统一居中，以下代码可以实现：#article_content img { display: block!important; margin: 0 auto!important; m……
纯CSS控制文章内容图片等比缩放
很多CMS模板，发布内容上传图片后，图片宽度超过正文主体内容宽度时，需要设置等比例缩放。下面用纯CSS来控制图片比例，效果非常不错，以下CSS设置的最大宽度是800px，超过800px的，都会按800px等比例缩放。.img {max-width: 800px;//非IE浏览器 zoom:expression( function(elm) {//IE浏览器 if (elm.width>8……
段落开头自动空两格CSS代码
网页内容中遇到大量的中文段落时，排版需要为每个段落前空两格或者往右缩进两格，以符合中文阅读的习惯，不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了，如下代码所示：.box{text-indent:2em;}或者<div style="text-indent:2em;">你的文章内容！</div>如果网页模板加了这个CSS代码的话，就……
图片自适应手机端并居中显示CSS样式
很多内容编辑器对图片的处理是居左显示的，如果是响应式的HTML5网站，还存在图片宽度太宽显示不全的问题。这种情况，在后台上传图片时，图片宽度默认是图片的真实宽度，可以把宽度设置为100%，或留空不填，高度也留空不填。内容页写法<div class="detail"> 这里是内容及图片</div> CSS样式可以如下写法，如果担心在电脑上浏览时，图片过大撑破页面……
Font Awesome字体图标的使用方法
Font Awesome字体图标的特色 ✓ 一种字体，包含605个图标（截至4.5.0版本）； ✓ 纯 css 控制，能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果； ✓ 无限缩放，矢量图标在任何尺寸下都一模一样； ✓ 免费使用，包括商业和非商业项目； ✓ 支持 Internet Explorer 7 浏览器； ✓ 能够在 Retina 屏幕完美呈现； ✓ 简单，易用； ✓……
CSS强制文字不换行对超出文字隐藏并显示省略号
文字超出隐藏并显示省略号text-overflow在使用ellipsis属性时，必须与overflow:hidden; white-space:nowrap; width:150px;这三个样式共同存在时，才会出现省略号的效果，其中overflow: hidden;是自动隐藏文字，text-overflow: ellipsis;是文字隐藏后添加省略号，white-space: nowrap;是……