bigpatten的博客

定义： calc() 函数用于动态计算长度值。 用法 ： 特别注意： 运算符前后都需要保留一个1空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 “+”, “-”, “*”, “/” 运算； calc()函数使用标准的数学运算优先级规则； 实例： 如计算元素的宽高 .parent{ height: 300px; width: 100%; position: relative;

隐藏盒子的几种方式 overflow：hidden; //隐藏盒子超出的部分 display: none; 隐藏盒子，而且不占位置(用的最多) visibility: hidden; //隐藏盒子，占位置。 pacity: 0; //设置盒子的透明度（不建议，因为内容也会半透明），占位置 将盒子移出视窗： margin-left: -1000px; left: -999px //把盒子移得远远的，占位置。 css画三角形 /*上三角*/ .triangle{ width: 0; height:

css动画 1.1. 过渡动画 transtion： CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容： 指定要添加效果的CSS属性 指定效果的持续时间。 1.2. transition 简写属性，用于在一个属性中设置四个过渡属性。分写属性： transition-property：规定应用过渡的 CSS 属性的名称,添加多个属性，逗号隔开必填 transition-duration: 定义过渡效果花费的时间。默认是 0s 需要指定 transition