| | | |

2016年3月27日

摘要： 1 .newspaper 2 { 3 -moz-column-count:3; /* Firefox */ 4 -webkit-column-count:3; /* Safari and Chrome */ 5 column-count:3; 6 } 7 在当前div的宽度中，将内容分为3列显示 1 阅读全文

posted @ 2016-03-27 19:28 HappyForEverIsaDream 阅读(144) 评论(0) 推荐(0) 编辑

动画

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 div 6 { 7 width:100px; 8 height:100px; 9 background:red; 10 animation:myfirst 5s; 11 -moz-animation:my 阅读全文

posted @ 2016-03-27 17:08 HappyForEverIsaDream 阅读(118) 评论(0) 推荐(0) 编辑

过渡

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 div 6 { 7 width:100px; 8 height:100px; 9 background:yellow; 10 transition:width 2s; 11 -moz-transition 阅读全文

posted @ 2016-03-27 16:50 HappyForEverIsaDream 阅读(184) 评论(0) 推荐(0) 编辑

box-shadow

摘要：学习地址 http://blog.csdn.net/freshlover/article/details/7610269 阴影类型：此参数可选。如不设值，默认投影方式是外阴影；如取其唯一值“inset”，其投影为内阴影； X-offset:阴影水平偏移量，其值可以是正负值。如果值为正值，则阴影在对象阅读全文

posted @ 2016-03-27 09:07 HappyForEverIsaDream 阅读(134) 评论(0) 推荐(0) 编辑

2016年3月26日

:before :after

摘要： #p1:before{ content: "哈哈哈 "; color: red;}#p1:after{ content: "哈哈哈"; color: #452dff;} content: url('img.jpg'); content: attr(href);content: " (" attr(h 阅读全文

posted @ 2016-03-26 16:32 HappyForEverIsaDream 阅读(114) 评论(0) 推荐(0) 编辑

2016年3月23日

flexbox 伸缩布局盒

摘要： Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。 Flexbox 由伸缩容器和伸缩项目组成。通过设置元素的 display 属性为 flex 或 inline-flex 可以得到一个伸缩容器设置为flex的容器被渲染为一个块级元素，而阅读全文

posted @ 2016-03-23 16:11 HappyForEverIsaDream 阅读(233) 评论(0) 推荐(0) 编辑

2016年3月22日

border-radius 知识点

摘要： border-radius:50px; 边框半径 CSS度量值都：em、px、百分比如果设置1个值，表示4个圆角都使用这个值。如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。如果设置四阅读全文

posted @ 2016-03-22 23:43 HappyForEverIsaDream 阅读(299) 评论(0) 推荐(0) 编辑

CSS3 知识点

该文被密码保护。阅读全文

posted @ 2016-03-22 23:05 HappyForEverIsaDream 阅读(49) 评论(0) 推荐(0) 编辑