摘要： 轮播图 <style> div.content{ width: 200px; height: 200px; margin: 0 auto; } li{ float: left; list-style-type: none; } a{ color: #000; text-decoration: non 阅读全文

摘要： /*第一张图移动到第二张图的位置上*/ img:first-child{ transform: translate(60px); } 阅读全文

摘要： 相对位置绝对位置 .parent{ margin: 100px auto; width: 800px; height: 400px; border: 10px solid red; /*父级设置为相对*/ position: relative; } .son{ width: 100px; heigh 阅读全文

摘要： 服务器字体 div{ margin: 0 auto;/*容器相对于浏览器居中*/ width: 800px; font-size: 16px;/*默认字号*/ font-family: "微软雅黑";/*默认字体*/ /*em适用于首行缩进2字符*/ background-color: #00FF0 阅读全文

摘要： 盒模型的外三层的结构 *{margin: 0;padding: 0;} div.son{ margin: 0 auto; width: 400px; /*height: 400px;*/ background-color: yellow; padding: 40px 60px; /*font-siz 阅读全文

摘要： //浮动方法排列类似棋盘效果 .main{ margin: 0 auto; width: 800px; height: 800px; display: flex; line-height: 400px; font-size: 24px; color: #FFFFFF; text-align: cen 阅读全文

摘要： 一.布局的原则 先分大块，再分小块。先横后竖 二.几个1到n的问题 1.文本折叠 （1）单行折叠 white-space: nowrap;/*不折行*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*超出的部分用省略号表示*/ （2）多行 阅读全文

摘要： 给表格奇偶行加上不同的背景颜色 tr:nth-child(odd){ background-color: red; } tr:nth-child(even){ background-color: aquamarine; } 阅读全文

摘要： .W{ margin: 0 auto; width: 1000px; } .A{ float: left; width: 180px; height: 180PX; border: 1px solid #666666; text-align: center; padding: 10px 10px 3 阅读全文

摘要： div,span是唯二的本身没有任何意义的标签 div盒子分为四层 1.从外到内依次为margin，border，padding，content margin，border，padding，content都有四个方向 从顶部开始顺时针依次为top，right，bottom，left 3.属性marg 阅读全文