CSS3中的rem值与px之间的换算

REM实现自适应布局想给博客换个主题,到处找找不到满意的,最后发现默认主题twentytwelve越看越顺眼,于是就想动手改一下用。看CCS文件的时候发现引入了一个新大小单位:rem,CSS文件里有介绍,看半天拿着手机计算了几下愣是没搞明白,怕是新东西搜出来的都是英文看着累就没找google,而是百度了一下,百度的结果就是看到一篇文章被转来转去,来转去,转去,去。。。郁闷之下回到主题的CSS再

作者:星辰 时间:2016-10-26 浏览 2505评论 0 赞 0砸 0 标签: css3

css3-border-shadow阴影

border-shadow阴影试玩<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>/*外部阴影*/.outer-box-shadow{width:100px;height:100px;box-shadow:2px6px4p

作者:星辰 时间:2016-10-26 浏览 3053评论 0 赞 0砸 0 标签: css3 demo

border-radius画几个圆玩玩

CSS3border-radius属性向div元素添加圆角边框<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>.border-radius{border-radius:10px20px30px20px;width:100p

作者:星辰 时间:2016-10-26 浏览 2192评论 0 赞 0砸 0 标签: css3 demo

前端性能分析利器(dynaTrace ajax)

dynaTraceAjaxEdition是一个强大的底层追踪、前端性能分析工具,该工具不仅能够记录浏览器的请求在网络中的传输时间、前端页面的渲染时间、DOM方法执行时间以及JavaScript代码的解析和执行时间,还可以跟踪JavaScript从执行开始,经过本地的XMLHttpRequest、发送网络请求、再到请求返回的全过程。影响前端性能的因素主要有:·浏览器本身的因素,例如在IE浏览器下

作者:星辰 时间:2016-10-23 浏览 2274评论 0 赞 0砸 0 标签: 优化 前端

图片等比例展示

img,aimg{border:0;margin:0;padding:0;max-width:590px;width:expression(this.width>590"590px":this.width);/*max-height:590px;height:expression(this.height>590"590px":this.height)

作者:星辰 时间:2016-10-23 浏览 1696评论 0 赞 0砸 0 标签: css

鼠标拖动动态改变表格的宽度的js脚本兼容iefirefox

<html><title>table拖动(兼容Firefox3.5/IE6),固定表格宽度</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><styletype="text/css">.bg{font-size:12px;c

作者:星辰 时间:2016-10-23 浏览 2544评论 0 赞 0砸 0 标签: css demo 前端

透明叠加漂亮的上传按钮

.file1{position:absolute;opacity:0;filter:alpha(opacity=0);z-index:999;width:60px;height:35px;margin-left:60px;line-height:35px;cursor:pointer;padding:0;overflow:hidden;padding-top:0px;}.fil

作者:星辰 时间:2016-10-23 浏览 2338评论 0 赞 0砸 0 标签: css demo

文字超长显示问题,checkbox对齐展示

/**文字超长展示...*/.overranging{margin:0px;padding:0px;width:158px;text-align:left;overflow:hidden;vertical-align:middle;display:inline-block;white-space:nowrap;-ms-text-overflow:ellipsis;}.overranging_s

作者:星辰 时间:2016-10-23 浏览 1635评论 0 赞 0砸 0 标签: css

让ie9以下浏览器支持css3

让ie9以下浏览器支持css3但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。1、在你的网页加载PIE.js脚本。注意,用IE专用的注释,防止非IE浏览器下载。复制代码代码如下:<!--[ifltIE10]><scripttype="text/javascript"></script><![e

作者:星辰 时间:2016-10-23 浏览 1763评论 0 赞 0砸 0 标签: css 前端兼容性

让img和a水平对齐

第一种方法:可以这么处理,给图片加上一个属性align=”absmiddle”。这个是直接写在图片上面。已经测试通过:<ahref="#"><imgalt="帮助"id="help_img"align="absmiddle"style="margin:0px;b

作者:星辰 时间:2016-10-23 浏览 1730评论 0 赞 0砸 0 标签: css