随笔分类 - CSS
摘要：低版本IE下不支持rgba()的表示方法，怎么办？ 使用上面代码就可以实现了！ 那么上面标红的是什么东西？其实就是：alpha*255换成16进制 。 常用的rgba和IE下filter数值的转换： rgba透明值：0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 IE下fil
阅读全文
摘要：1 /* CSS Document */ 2 *{padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: none;} 3 body,div,d...
阅读全文
摘要：1.IE8下兼容问题：转化成IE7兼容，头部加上代码： 2、flaot浮动造成IE6双倍边距：margin-left:10px!important; /*IE7,IE8,FF下是10PX*/;margin-left:5px; /*IE6下属性写的是5PX，但在显示出...
阅读全文
摘要：跨浏览器兼容性是网页制作永恒的难题。别看各浏览器厂商都努力在自己的浏览器中实现新式的css3标准特性，但都是以扩展样式的形式提供的， 所以在未来一段时间里，样式表里的-moz-，-webkit-，(-ms-,-o-)等等前缀将长期存在。另外，虽说各家有志于扩张自己市场的浏览器厂商都提供了css3的新...
阅读全文
摘要：渐变：backgroud:linear-gradient()语法：linear-gradient(起点，开始颜色，结束颜色); 起点：top，right，bottom，left，top left，top right， bottom left，bottom right，例：.test{ bac...
阅读全文
摘要：拿到页面后，先进行分析。1、必须了解页面的布局结构，所谓的布局模块（如大的版块，如头部、导航、搜索模块、主内容区、页脚等）。2、对布局模块进行化分命名：参考CSS命名规范；3、观察模块共同点，分析CSS是否可以模块化；先搭大致结构；4、初始化CSS:不要抄大公司网站的，自己量身定制；自己用到的标签，...
阅读全文
摘要：浮动的副作用：导致父级不能撑开：如父级背景无法显示、边框不能撑开、margin及padding显示错误等……清除浮动的常用方法：1、给父级设置高度height;2、底部引入空div并clear:both;3、给父级定义overflow:hidden； //仅支持标准浏览器；4、推荐使用方法： .c...
阅读全文
摘要：备忘记：1、CSS3 边框图片使用方法。border-image： [border-image-source 图片来源 ] 取值：none url(图片路径) [ border-image-slice分割方法 ] 取值：浮点数或百分比 [ border-image-repeat重复方式 ]borde...
阅读全文
摘要：CSS2中常用的属性：text-indent:首行缩进；vertical-align:垂直对齐方式；white-space:空格处理方式；line-height:设置行高；CSS3新增文本属性:text-overflow：clip：溢出的部分裁切掉；ellipsis：显示省略标记（...） //该属...
阅读全文
摘要：CSS1&2选择器：包含选择符（E F）：选择E元素中所有的F元素；子选择符（E>F）：选择E元素的子元素F；相邻选择符（E+F）：选择紧贴在E元素之后F元素。E[att]：选择具有att属性的E元素。E[att="val"]：选择具有att属性且属性值等于val的E元素。E[att~="val"]...
阅读全文
