摘要： 1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites 阅读全文

摘要： 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！本质：让一个元素在页面中隐藏或者显示出来。 1.display 显示隐藏2.visibility 显示隐藏3.overflow 溢出显示隐藏 1 display 属性display 属性用于设置一个元素应如何显示。 displ 阅读全文

摘要： 通过盒子模型，清楚知道大部分html标签是一个盒子。 通过CSS浮动、定位 可以让每个盒子排列成为网页。 一个完整的网页，是标准流、浮动、定位一起完成布局的，每个都有自己的专门用法。 1. 标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。 2. 浮动可以让多个块级元素一行显示 阅读全文

摘要： 1.为什么需要定位 提问： 以下情况使用标准流或者浮动能实现吗？1. 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子. 2. 当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以：1.浮动可以让多个块级盒子一行没有缝隙排列显示， 阅读全文

摘要： 1.准备工作 采取结构与样式相分离思想：1. 创建 目录文件夹 (用于存放我们这个页面的相关内容),例如study目录。2. study 目录内新建 images 文件夹，用于保存图片。3. 新建首页文件 index.html（以后我们的网站首页统一规定为 index.html )。4. 新建 st 阅读全文

摘要： 常见的图片格式 PS 有很多的切图方式：图层切图、切片切图、PS 插件切图等。 1 图层切图最简单的切图方式：右击图层 ->导出 PNG 切片。 下的ps不好使，以后再说吧 阅读全文

摘要： 1. 为什么要清除浮动 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。  由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响 2 .清除浮动本质 清除浮动的本质是清除浮动元素造成的影响 如果父盒子本身有 阅读全文

摘要： 1. 圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可 阅读全文

摘要： 1. 布局为啥用不同盒子,我只想用div？ 标签都是有语义的, 合理的地方用合理的标签。比如产品标题 就用 h, 大量文字段落就用p 2. 为啥用辣么多类名？ 类名就是给每个盒子起了一个名字,可以更好的找到这个盒子, 选取盒子更容易,后期维护也方便。 3. 到底用 margin 还是 padding 阅读全文

摘要： 因为网页美工大部分效果图都是利用 PS（Photoshop）来做的，所以以后我们大部分切图工作都是在 PS 里面完成。  文件打开 ：可以打开我们要测量的图片  Ctrl+R：可以打开标尺，或者 视图 > 标尺  右击标尺，把里面的单位改为像素  Ctrl+ 加号(+)可以放大视图， Ct 阅读全文