css学习笔记-1

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

transition是写在某个元素最初的样式中，而不是元素改变后的最终的样式中；

在javascript中使用Math.sin或者Math.cos的时候需要把我们平常用的角度换为弧度，其计算公式为：角度*(Math.PI/180);

像border-radius、transform:translate，他们的值可以是百分比的，这个百分比指的是自身的宽或者高，而不是父容器；

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

如上，页面仅有上述元素时，会出现容器高度不能自适应的情况，如图：


解决办法可以有：一、为box添加css样式：overflow：hidden；二、为box添加边框