Orange_Sheep的博客

布局： 样式： * { margin: 0; padding: 0; /background: silver;/ } /初始化页面/ .CarouselBox { width: 400px; height: 300px; margin: 100px auto; overflow: hidden; } /设置放置轮播图的盒子/ li { width: 400px; height: 300px; f...

布局： 样式： *{ margin: 0; padding: 0; } .wrap{ height: 200px; margin-top: 200px; } .cube{ width: 200px; height: 200px; margin: 0 auto; position: relative; transform-style: preserve-3d; transform: rotateX...

animation: name duration timing-function delay iteration-count direction fill-mode play-state; 例：animation: myanimation 2s linear 1s infinite forwards; animation 属性是一个简写属性，用于设置动画属性： animation-name ani...

注意：父盒子(容器)设置flex布局之后，子元素(项目)的float，clear和vertical-align属性将失效 flex布局原理：通过给父盒子添加flex属性， 来控制子盒子的位置和排列方式 display: flex inline-flex 传统布局：兼容性好，布局繁琐，局限性，不能在移动端很好的布局 flex弹性布局:操作方便，布局极为简单，移动端应用广泛，PC端浏览器支持情况...

边框圆角：border-radius 边框阴影box-shadow：水平偏移 垂直偏移 模糊半径 向外延展的大小 阴影的颜色 边框背景图像border-image 了解就好 背景图片background：backgrount-image background-repeat background-attachement background-position backgro...

关系选择器： 通用兄弟选择器：~ 同级所有元素 （只能向后找） 相邻兄弟选择器：+ 单个元素 平级 （只能向后找） 属性选择器： /*这里的src可以换成其他的属性如class herf name */ 伪类选择器： :first-child :last-child :nth-child( ) 不能有其他元素 :first-of-type( ) ：last-of-type(...