摘要：
<style> *{ padding: 0; margin: 0; } .box{ width: 400px; height: 400px; border-radius: 200px; background-color: #ccc; margin:100px auto; position: rela 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } body{ background-color: #31965b; } .box{ width: 440px; margin:100px auto; } .box>img{ transition: transform 1s; } 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } .pkBox{ width: 155px; height: 219px; margin: 200px auto; position: relative; } .pkBox>img{ width: 100%; height: 10 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } div{ width: 100px; height: 100px; background-color: red; margin-left: 200px; margin-top:10px; /*添加过渡效果 css样式名称 耗时* 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } div{ width: 200px; height: 200px; background-color: red; position: absolute; left: 100px; top: 100px; /*添加过渡效果:过渡效 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } .menu{ width: 200px; height:auto; margin:100px auto; } .item > h3{ height: 40px; line-height: 40px; background-col 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } /*提升移动端响应区域的大小*/ a{ width: 50px; height: 50px; display: block; background-color: #ddd; margin:100px auto; box-sizi 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } div{ width: 200px; height: 200px; margin:100px auto; box-sizing: border-box; border: 27px solid red; /*padding: 27 阅读全文
摘要：
<style> div{ width: 300px; height: 500px; border: 1px solid red; /*添加背景*/ background-image: url("images/img/bg-img.jpg"); /*background-image: url("ima 阅读全文
摘要：
<style> /*线性渐变*/ div{ width: 300px; height: 300px; /*添加渐变：渐变不是一个单一钩，它产生的是图像，所以需要使用background*/ /*linear-gradient(方向，开始颜色 位置，颜色2 位置，颜色3 位置...);*/ /*方向： 阅读全文
摘要：
<style> *{ padding: 0; margin: 0; } body { margin: 0; padding: 0; background-color: #F7F7F7; } img { width: 100%; display: block; } .items { padding: 阅读全文