摘要:
<style> * { margin: 0; padding: 0; } .layout{ width: 500px; height: 600px; border: 1px solid red; margin: 50px auto; /*设置父容器为伸缩盒子*/ display: flex; /*默 阅读全文
摘要:
<style> *{ margin: 0; padding: 0; } div{ width: 500px; height: 300px; border: 1px solid red; margin: 100px auto; } div>ul{ list-style: none; width: 10 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } .box{ width: 900px; height: 600px; border: 1px solid red; margin:0 auto; /*设置父容器为盒子:会使每一个子元素自动变成伸缩项 当子元素的宽度和大于父容器宽 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } .box{ width: 900px; height: 600px; border: 1px solid red; box-sizing: border-box; margin:0 auto; /*设置父容器为盒子:会使每一个子 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } .wrapper { width: 100%; padding: 20px; box-sizing: border-box; /*设置多列布局*/ /*1.设置列数*/ column-count: 2; /*2.添加列间隙样式, 阅读全文
摘要:
<style> @font-face { font-family: 'iconfont'; src: url('foot/iconfont.eot'); src: url('foot/iconfont.eot?#iefix') format('embedded-opentype'), url('fo 阅读全文
摘要:
<style> *{ margin: 0; padding: 0; } .clock{ width: 300px; height: 300px; border: 10px solid #ccc; margin: 100px auto; border-radius: 50%; position: re 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } div{ width: 100px; height: 100px; background-color: red; /*添加动画效果*/ /*1.animation-name:指定动画名称*/ animation-name: mo 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } div{ width: 882px; height: 86px; margin:100px auto; background-color: #ddd; overflow: hidden; } div >ul{ width: 20 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } .box{ width: 200px; height: 200px; margin:100px auto; position: relative; /*让box默认旋转,方便观察*/ transform: rotate3d(1, 阅读全文
摘要:
<style> *{ padding: 0; margin: 0; } div{ width: 100px; height: 100px; background-color: red; margin-left: 200px; margin-top:10px; /*添加过渡*/ transition: 阅读全文