摘要：
过渡的属性，可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all transition-property:all; 过渡的时间 transition-duration: 700ms; 阅读全文
摘要：
transform : 变换 变化 移动变化translate() 缩放变化scale() 旋转的变化rotate() transition:all 3s 过渡的过程 all 看到所有的过渡效果 3s设置过度时间 想看到子元素有3D效果 必须在父元素里面加 视点距离的样式 视点距离: 1: none 阅读全文
摘要：
弹性布局设置方式： display: flex; 弹性布局的方向 默认的row row 项目是从左到右排布的 row-reverse 项目是从右到左排布 column 项目从上到下排布 竖直 column-reverse 项目从下到上排布 flex-direction:row; 垂直弹性布局方向上的 阅读全文
摘要：
1.选择器:根据标签名字选择标签 语法:标签名 ; 选择所有的p标签 2.类名选择器 选择类名的一样的所有的标签: 语法 .类名 3.id选择器 选择id相同的标签 语法: #id 4.包含关系的选择器 语法: 空格隔开 5.父子关系的选择器 两个选择器>链接 6.选择器 , 隔开 7. 根据自定义 阅读全文
摘要：
px像素单位，相对单位，它是屏幕显示最小的单位 mm绝对单位，表示毫米 cm绝对单位，表示厘米 pt绝对单位，表示磅，用于打印的时候单位 vw相对单位，1vw=浏览器宽度的1% vh相对单位，1vh=浏览器高度的1% em相对单位，相对于自身元素或者父元素的字体大小 rem相对单位，相对于根目录(h 阅读全文
摘要：
左浮动 影响: 块元素的宽度不再是父元素的宽度 水平排布 最后一个浮动标签之后添加一个空的div，设置一个样式 clear:both 第二种清除浮动 在不加div的前提下 父标签加一个类 clear-fix 通过添加后缀 设置后缀展示以block 展示 加上clear:both 就可以清除浮动 阅读全文
摘要：
为了编写代码美观 每个标签独占一行 换行和空格符号解析成一个空格 1: 让其他标签紧跟着上一个标签 2: 通过外边距设置左右外边距为负数 3: 在父元素设置字体大小为0 子元素必须重写设置字体大小 阅读全文
摘要：
1.块元素与快元素 2. 上下外边距 3. 没有边框 盒模型 : 内容区域(content) + 内边距(padding)+ 边框(border)+ 外边距(margin) 盒子大小 默认值content-box: 内容盒子 从内容开始算的 100px=内容区域 但是网页展示的时候宽度 100(wi 阅读全文
摘要：
汉字内容溢出及解决办法 如果内容是汉字 默认的情况：汉字水平方向上不会溢出 如果垂直方向内容超出高度 这个时候导致内容溢出 浏览器在解析汉字的时候 会在任意一个的汉字换行 把超出的部分隐藏掉 默认把滚动条取消掉 overflow: hidden; 超出的部分滚动 竖直方向上有滚动条 可以滚动；水平方 阅读全文
摘要：
精灵图片： 把很多张小图片整合成一张大图片，同时css显示其中一张的小的图标 这个就是图片精灵技术 使用精灵图片的好处： 减少页面的请求次数 页面加载速度比较快 使用方法 background-size设置背景图片的大小 background-position设置背景图片的位置移动到你想要的区域 精 阅读全文