css学习笔记-1

自己在做一个径向菜单的时候使用了css3：transform以及transition，总结以下：

1. transition是写在某个元素最初的样式中，而不是元素改变后的最终的样式中；
2. 在javascript中使用Math.sin或者Math.cos的时候需要把我们平常用的角度换为弧度，其计算公式为：角度*(Math.PI/180);
3. 像border-radius、transform:translate，他们的值可以是百分比的，这个百分比指的是自身的宽或者高，而不是父容器；

4. #box{
   	background-color: red;
   	}
   p{
   	margin:100px;
   	}
   <div id="box">
   		<p>456<p>
   	</div>
   

   如上，页面仅有上述元素时，会出现容器高度不能自适应的情况，如图：
   解决办法可以有：一、为box添加css样式：overflow：hidden；二、为box添加边框

 

转载于:https://www.cnblogs.com/liaochong/p/css3_transform_transition.html