项目训练随记
overflow属性:规定当内容溢出元素框时发生的事情。若为hidden则溢出部分隐藏,若为scroll则虽隐藏但可以通过滑动鼠标看到。
transition属性:过渡属性。transition 属性是一个简写属性,用于设置四个过渡属性。属性,时长,速度,延时。默认transition:all 0 ease 0。实例transition:width 2s ease 0;为了保证浏览器兼容性,至少要加上-moz-和-webkit-transition属性,前者是火狐浏览器,后者是谷歌和safari浏览器。
transition-property | 规定设置过渡效果的 CSS 属性的名称。none all property |
transition-duration | 规定完成过渡效果需要多少秒或毫秒。 |
transition-timing-function | 规定速度效果的速度曲线。linear ease ease-in ease-out ease-in-out |
transition-delay | 定义过渡效果何时开始。 |
opacity属性:设置元素的不透明度,值可以是从0~1的数字和inherit(表示从父元素继承)。
inherit:继承,几乎可以设置为任何属性的值?表示从父元素继承该属性。
relative |
生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 |
margin或padding或left\right\top\down设置负值表示减掉多少像素,就像正值是在边上或某个方向上加上多少像素一样。
div+p | 选择紧接在 <div> 元素之后的所有 <p> 元素。 |
div>p | 选择父元素为 <div> 元素的所有 <p> 元素。首先,它是个p元素,其次,它父亲是div。 |
p:nth-child(2),首先,它是个p元素,其次这个p元素是它父亲的二儿子。如果它父亲的二儿子不是p元素,那么就个选择器就无效。