^ Back to top

css教程

Xhtml+css基础第7课 css sprites background-position完美解析

Xhtml+css基础第7课 css sprites background-position完美解析

css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的,因...
详细阅读
Xhtml+css基础第6课 浮动

Xhtml+css基础第6课 浮动

我晕,怎么调取不出来?(本文图片已丢失,待补)陌小雨看到一篇讲浮动讲的比较透彻的文章分享给大家:教程开始前我们首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:...
详细阅读
制作主题必备的css样式分享

制作主题必备的css样式分享

wpsite主题制作过程中,发现不同浏览器打开效果是不一样的,以IE为例:难看死了01 还错位: 用了下面css之后,不管你是IE,还是火狐还是360浏览器,都变的美美的啦!/*———-通用———-*/a,dd,di...
详细阅读
xhtml+css基础第5课-相对定位和绝对定位

xhtml+css基础第5课-相对定位和绝对定位

定位标签:position包含属性:relative(相对) absolute(绝对)1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始...
详细阅读
纯CSS给网站添加春节喜庆

纯CSS给网站添加春节喜庆

首先感谢博友梦想网络,让陌小雨的网站在整个春节喜气洋洋的。下面就轮到陌小雨来做做笔记啦,以后的春节陌小雨的网站都是喜气洋洋的,哈哈!body {background-image: url(http://pic.dedewp.com/wp-content/u...
详细阅读
纯CSS控制WordPress文章中图片显示大小

纯CSS控制WordPress文章中图片显示大小

如何让wordpress文章中图片看起来协调一致呢,陌小雨之前想了很多办法,最后发现原来用简单的css就可以搞定了,下面这串代码可能不兼容一些主题,但是xiu主题的话,你就放心大胆的copy吧。(这也是我选择xiu主题...
详细阅读
制作简洁大气的通告栏

制作简洁大气的通告栏

看到很多博客中都有陌小雨右侧的这个:陌小雨觉得很酷呢。也只需要简单的css就可以实现。首先需要在style.css中加入下面代码:.textwidget a{display: block;padding: 0 15px 15px;border: 1px solid #fff;}...
详细阅读
css实现网站整体变灰(兼容火狐)

css实现网站整体变灰(兼容火狐)

天下兴亡,匹夫有责。有时候我们可能需要将网站整体变灰,实现方法也很简单。将下面代码加入到wordpress主题目录下的style.css文件中即可:/* 网站变灰代码 */ html{ filter: grayscale(100%); -webkit-fil...
详细阅读
CSS轻松实现D8彩色云标签(附xiu主题文章标签颜色修改)

CSS轻松实现D8彩色云标签(附xiu主题文章标签颜色修改)

D8主题的彩色云标签是这样子的,颜色多样,高度一致。很美观,只需要三步就可以轻松实现第1步:在css中加入如下代码:(已经加过了就不用重复添加了,推荐用上面的).tagcloud{padding: 12px 13px 10px 15px;...
详细阅读
WordPress不同页面加载不同css

WordPress不同页面加载不同css

对于喜欢折腾的盆友来说,会给页面加载许多绚烂的效果,(如点击本文章标题下的high一下)可是有些特效代码或css只是在文章中或者在单页中需要调用,这个时候,首页或者其他页面是不需要调用的,那么下面的代码就...
详细阅读

站内搜索