css教程
如何让左右div高度一样
折腾 WordPress 的小朋友，有的会喜欢修改页面布局，那么这个小技巧就很有必要知道了，在大前端那里看到的，分享给大家：
function $(id){
return document.getElementById(id)
}
function getHeight() {
if ($("left").offsetHeight>=$("right").offsetHeight){
$("right&qu...
Xhtml+css基础第7课 css sprites background-position完美解析
css sprites 直译过来就是 CSS 精灵。通常被解释为“CSS 图像拼合”或“CSS 贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过 CSS background 背景定位技术技巧布局网页背景。这样做的好处也是显而易见的，因为图片多的话，会增加 http 的请求，无疑促使了网站性能的减低，特别是图片特别多的网站，如果能用 c...
Xhtml+css基础第6课 浮动
我晕，怎么调取不出来？(本文图片已丢失，待补）
陌小雨看到一篇讲浮动讲的比较透彻的文章分享给大家：
教程开始前我们首先要知道，div 是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：
可以看出，即使 div1 的宽度很小，页面中一行可以容下 div1 和 div2，div2 也不会排在 div1 后边，因为 di...
制作主题必备的css样式分享
wpsite 主题制作过程中，发现不同浏览器打开效果是不一样的，以 IE 为例：
难看死了 01
还错位：
用了下面 css 之后，不管你是 IE，还是火狐还是 360 浏览器，都变的美美的啦！
/*———-通用———-*/
a,dd,div,dl,dt,form,h1,h2,h3,h4,h5,img,li,ol,p,table,td,ul{margin:0;padding:0;border:0}
body,inpu...
xhtml+css基础第5课-相对定位和绝对定位
定位标签：position
包含属性：relative（相对） absolute（绝对）
1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它...
纯CSS给网站添加春节喜庆
首先感谢博友梦想网络，让陌小雨的网站在整个春节喜气洋洋的。下面就轮到陌小雨来做做笔记啦，以后的春节陌小雨的网站都是喜气洋洋的，哈哈！
body {
background-image: url(https://dedewp.com/wp-content/uploads/new-year.png);
background-repeat: no-repeat;
background-position: center 70px;
background-att...
纯CSS控制WordPress文章中图片显示大小
如何让 wordpress 文章中图片看起来协调一致呢，陌小雨之前想了很多办法，最后发现原来用简单的 css 就可以搞定了，下面这串代码可能不兼容一些主题，但是 xiu 主题的话，你就放心大胆的 copy 吧。（这也是我选择 xiu 主题的原因啦，很多代码都是没有问题的。）
.article-content img {max-width: 400px}
.article-cont...
制作简洁大气的通告栏
看到很多博客中都有陌小雨右侧的这个：
陌小雨觉得很酷呢。也只需要简单的 css 就可以实现。
首先需要在 style.css 中加入下面代码：
.textwidget a{display: block;padding: 0 15px 15px;border: 1px solid #fff;}
.textwidget a h2{font-size: 20px;font-weight: normal;}
.textwidget a p{color: #999;margin-bott...
css实现网站整体变灰（兼容火狐）
天下兴亡，匹夫有责。有时候我们可能需要将网站整体变灰，实现方法也很简单。将下面代码加入到 wordpress 主题目录下的 style.css 文件中即可：
/* 网站变灰代码 */
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filt...
CSS轻松实现D8彩色云标签（附xiu主题文章标签颜色修改）
D8 主题的彩色云标签是这样子的，颜色多样，高度一致。很美观，
只需要三步就可以轻松实现
第 1 步：在 css 中加入如下代码：（已经加过了就不用重复添加了，推荐用上面的）
.tagcloud{padding: 12px 13px 10px 15px;}
.tagcloud a:nth-child(9n){background-color: #4A4A4A;}
.tagcloud a:nth-child(9n+1){backgroun...
其他人正在浏览
