jack1988

1.案例一   子元素在父元素 - 子元素在任意宽度下 可以在父元素中居中--不能固定写死值 方法1：让子元素往右边走一半板位置 --再往左边移动一半

1.清除浮动---高度塌陷问题 clear属性可以用于清除元素周围的浮动对元素的影响。 • 也就是元素不会因为上方出现了浮动元素而改变位置。 • 可选值： – left：忽略左侧浮动 – right：

精灵图（雪碧图）做一个按钮不同转态的颜色变化案例 1.一下是不同转态的按钮 2.我们需要用PxCook工具测量一下，分析出来，图片的定位 默认位置 其实左边0，0 ；中间hovue状态坐标 92px

1.设置背景图片大小 background-size 宽度和高度 1.1 采用数字+px 1.2 百分比 1.3 contain 包含将背景图片等比例缩放，直到不会超出盒子的最大 1.4 cover

1.CSS sprites技术： 是通过将图片合并到一个文件中来减少对图片资源发出的http请求数量的方法。 2.具体属性 子画面是二维图像，由在定义的X和Y坐标下将小图像组合成一个大图像组成。 要显

1.高斯模糊和饱和度 高斯模糊--filter:blur里面是合法的尺寸单位 值越大，图像越模糊 饱和度：filter:saturate filter:saturate(100%)为0图片为黑白，可以

1、盒子布局顺序： 从外往内，从上往下 盒子布局工具：PxCook 盒子样式：宽度，辅助的背景颜色，盒子模型部分border,padding,margin 2.盒子计算公式： 案例：盒子尺寸300*3

1. 元素类别 块级元素：可以设置宽高，不能和元素呆在一行。 行级元素：不可设置宽高，可以和其他元素呆在一行 行内块级元素：可以设置宽高，也可以和其他元素呆在一起 1.1 Div 块级元素：--默认情

1.html支持有序，无序和定义列表 1.1 无序列表，此类项目使用粗体圆点标记，适合成员之间没有级别顺序关系ul>li 1.2 浏览器会要每个列表项前面加一个小圆点，不能修改样式，并不实用 1.3