css样式控制div的内容自动换行的方法有两种：word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于：1、word-break:break-all例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(c...

/*font-face格式@font-face{font-family:SingleMaltaRegular;src:<source>[<format>][,<source>[<format>]]*;font-weight:normal;font-style:normal;}*取值说明:*YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体...

今天又收集了一个css实用功能，就是背景图片+css实现腾讯新浪微博关注按钮，非常好实，平时网站上也常用到，于是就整理出来分享给大家用，希望可以帮到jquery学堂的成员和前端开发的网友们，文章后面带上例子的演示和打包下载。步骤如下：1、准备好一张微博按钮图片：2、样式代码如下：.buttons{width:132px;height:56px;margin:34pxauto0;}...

21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现functioninsertAfter(newChild,refChild){varparElem=refChild.parentNode;if(parElem.lastChild==refChild){refChild.appendChild(newChild);}el...

#container{width:960px;margin:auto;}#wrap{width:740px;float:left;}p{line-height:600px;text-align:center;font-weight:bold;margin:0020px0;}#main{width:520px;float:right;b...

效果一：360°旋转修改rotate(旋转度数)效果演示地址*{transition:All0.4sease-in-out;-webkit-transition:All0.4sease-in-out;-moz-transition:All0.4sease-in-out;-o-transition:All0.4sease-in-out;}*:hover{transfo...

在该方法中我们使用一个列表或一个div包围的一组<DIV>S（每一列）。封闭的div给出显示：表的属性，每个封闭的div给出显示：表格单元格属性。我将用一个例子讨论这个：样式代码如下：<style>.base{/*makeit100%widthandaminimumof1000pxwidth*/width:auto;margin:0auto;min-width:1000...

第一步：准备好文本框样式的左中右3张背景图片左边背景图中间背景图右边背景图第二步：编写样式代码input{outline:none;resize:none;}.i{border:none;vertical-align:middle;font:12px/15pxArial,Helvetica,sans-serif;background:none;float:left;width:400p...

字体字号（font:）简写：font:italicsmall-capsbold12px/1.5emarial,verdana;等效于：font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em;font-family:arial,verdana;顺序：font-st...

使用div+css网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。今天无意中发现除了clear清除浮动外，尽然还发现了3种很少用到的方法，网友们好好看一下哦。看一下下面的例子，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。<styletype=”text/css...