Css
css border小三角
span{width:0;height:0;overflow:hidden;font-size:0;line-height:0;border:20pxsolidtransparent;border-left-color:#000;}...
断词css
word-wrap:break-word;white-space:pre-wrap;...
CSS--border小三角[兼容IE6的边框透明效果]
border:20pxsolidtransparent; _border-color:tomato; _filter:chroma(color=tomato); width:0;height:0;overflow:hidden;display:inline-block;&nbs...
CSS命名规范
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...
CSS中background-image【CSS Sprites，base64编码】
CSS中，background可以设置对象的背景样式。如颜色或者使用一张图片代替，今天我要多说两句的就是使用一张图片的参数：image。准确的来说应该是background-image。我们可以这样用它：body{ ...
前端--CSS之使用display:inline-block来布局（转）
css之display:inline-block布局1.解释一下display的几个常用的属性值，inline，block，inline-blockinline:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由...
CSS常用属性总结
1.display设置元素是否以及如何显示block：是块级元素的默认值 块级元素默认情况下独占一行 块级元素可以设置宽高inline：是行内元素的默认值 多个行内元素可以处在同一行 行内元素不可以设置宽高inline-block：既具备块级元素特征也具备行内元素特征none：隐藏元素 2.文本相关属...
CSS属性中height和line-height的区别
height：表示这个块级元素或行内元素的高度line-height：表示里面假如需要输入文本，则这个就是给这个文本的空间大小，相当于word文档中的行高font-size：表示文本的大小，这个大小的高度尽量不要超过line-height的高度，如果超过了将会导致第二行的文字和第一行的文字发生重叠...
CSS样式
/*字符间隔*/letter-spacing:3px; /*首航缩进*/text-indent:15px; /*border:1pxsolid#fff;内边距*/padding:5px0; /*外边距*/ margin:5px0; /*为表格设置合并边框模型*/border-...
CSS3实现1前端常用Loading效果
此页动画效果都是gif图的，不想用代码写的话，下载图片就可使用。第1种效果：代码如下<divclass="loading"><span></span><span></span><span></span><span></...
常用CSS代码片段常见css bug
1、禁止文字被选中1.unselectable{2-moz-user-select:-moz-none;3-khtml-user-select:none;4-webkit-user-select:none;56/*7IntroducedinIE10.8Seehttp://ie.microsoft.com/testdri...
常用的 CSS 技巧
这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:...
html+css使图片在页面中循环滚动
我们先通过html创建一个div盒子的框架，方便后续以及实际使用中调整位置。 1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>滚动播放</title>6&l...
css3 calc()的用法
说明：calc（四则运算）；任何长度值都可以使用calc()函数进行计算；和平时的加减乘除优先顺序一样一样的；特别注意：calc（）里面的运算符必须前后都留一个空格，不然浏览器识别不了，比如：calc(100%-5px);兼容性：HTML:<divclass="out"> <divclass="...
css 实现背景图片不跟着滚动条滚动而滚动
效果： 只需要在需要背景不跟着动的div里：1div{2 background:url();3 background-attachment:fixed;4} 加上background-attachment:fixed;就可以了，兼容IE6+ 如果不加这个属性：网上兼容IE6的方...
