posts - 67,  comments - 11,  views - 36万
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

随笔分类 -  CSS3

CSS3相关技术
移动端布局,div按比例布局,宽度为百分比,高度和宽度一样,即让div为正方形
摘要:http://codepen.io/airen/details/XbVBZo SCSS代码: CSS代码: 阅读全文
posted @ 2016-06-22 11:24 JeremyLee87 阅读(4246) 评论(0) 推荐(1) 编辑
calc()问题
摘要:什么是calc()? 学习calc()之前,我们有必要先知道calc()是什么?只有知道了他是个什么东东?在实际运用中更好的使用他。 calc() 从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元 素的长 阅读全文
posted @ 2016-06-22 11:15 JeremyLee87 阅读(317) 评论(0) 推荐(0) 编辑
网页图片宽度和高度自适应的方法
摘要:在我们设计网页的时候,经常会遇到图片自适应问题,实际这些工作完全可以交给浏览器来完成就可以了,只可惜,无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意,网上实现网页图片宽度和高度的方法也很多,主要又两种: 第一种是使用CSS来完成;第二种是使用Javascript来完成,根据实际的 阅读全文
posted @ 2016-06-18 17:42 JeremyLee87 阅读(58516) 评论(0) 推荐(0) 编辑
canvas 画六边形
摘要:1 <section class="m1-c"> 2 <div class="m1-t clearfix"> 3 <ul> 4 <li> 5 <div class="li-t clearfix"> 6 <div id="box4"></div> 7 <div id="box5">摧残容颜</div> 阅读全文
posted @ 2016-06-17 16:59 JeremyLee87 阅读(722) 评论(0) 推荐(0) 编辑
css绘制六边形
摘要:CSS id选择器实现 正六边形 用css绘制六边形需要使用到三个容器,分别用于绘制六边形的三个部分,如下图所示: HTML代码: CSS代码: CSS代码: HTML代码: CSS3 为元素实现: 阅读全文
posted @ 2016-06-17 11:57 JeremyLee87 阅读(18153) 评论(0) 推荐(0) 编辑
Media所有参数汇总
摘要:Media所有参数汇总 我们最常需要用到的媒体查询器的三个特性,大于,等于,小于的写法。媒体查询器的全部功能肯定不止这三个功能,下面是我总结的它的一些参数用法解释: width:浏览器可视宽度。 height:浏览器可视高度。 device-width:设备屏幕的宽度。 device-height: 阅读全文
posted @ 2016-05-19 13:44 JeremyLee87 阅读(250) 评论(0) 推荐(0) 编辑
图片360度旋转实例
摘要:图片加载旋转loading 实例 CSS:代码 HTML代码: 图片素材: 阅读全文
posted @ 2016-05-18 18:10 JeremyLee87 阅读(356) 评论(0) 推荐(0) 编辑
keyframes 放大缩小动画
摘要:本次项目中动画放大缩小代码小结 参考代码: 阅读全文
posted @ 2016-05-17 15:33 JeremyLee87 阅读(3748) 评论(0) 推荐(0) 编辑
CSS font-size字体大小样式属性
摘要:设置字体大小CSS单词与语法 基本语法结构: .divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位 单词:font-size语法:font-size : absolute-size | relative-size | length取值: 阅读全文
posted @ 2016-05-17 14:29 JeremyLee87 阅读(10110) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示