CSS3的calc()使用

calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的

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

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

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

作者:星辰 时间:2016-10-25 浏览 1063评论 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-25 浏览 1424评论 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-25 浏览 822评论 0 赞 0砸 0 标签: css3 demo