当前位置
首页 > 迪奥学院 > 网站重构 >

css3笔记

时间:09/18/2014来源:未知 作者:admin 点击:

TAG: /css3
根据窗口大小切换不同样式 @media
@media (min-width:700px) { body { background: red;}}


渐变过度色
a:hover{transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}


CSS中的节点
li:last-child
tr:nth-child(odd)  //跟query差不多


透明的边框
li { border-right:solid 1px rgba(0, 0, 0, .20);}
background:rgba(0, 0, 0, .05);
这样也可以
-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);  //以前用的 hsla


把外部阴影变成内部阴影
box-shadow:inset;


box-sizing规定两个并排的带边框的框
div.box { box-sizing:border-box;width:50%;float:left;}

<div class="box">这个 div 占据左半部分。</div>
<div class="box">这个 div 占据右半部分。</div>



超出宽度...效果
white-space:nowrap;text-overflow:ellipsis;overflow:hidden;



网页在Safari快速滚动和回弹的原理:
-webkit-overflow-scrolling : touch;

咨询QQ:122388150 | 唐山网站建设,广告设计,动漫原创人设,网站重构,专注网站UI设计,创意设计,产品周边包装设计,标志设计 | 迪奥创意设计

Copyright 2006-2015 diaor.com © all right co,.Ltd