摘要：
案例练习目的是总结以前的css和html 还有ps的使用。 制作步骤： 头部通栏： 共四部分 logo、导航、搜索栏、个人中心 前两个左浮动，后两个右浮动 banner部分： 背景图片+左侧侧边导航栏+右侧我的课表模块 text-align: center; /* 文字水平居中 */ font-we 阅读全文
摘要：
阅读全文
摘要：
在线性渐变过程中，颜色沿着一条直线过渡：从左侧到右侧、从右侧到左侧、从顶部到底部、从底部到顶部或着沿任何任意轴。如果你曾使用过制作图件，比如说Photoshop，你对线性渐变并不会陌生。 兼容性问题很严重，我们这里只讲解线性渐变 语法格式： background:-webkit-linear-gra 阅读全文
摘要：
字体图标 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出 阅读全文
摘要：
精灵技术产生的背景 图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。 然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和 阅读全文
摘要：
溢出的文字隐藏 word-break:自动换行 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 主要处理英文单词 white-space white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示 阅读全文
摘要：
元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩 阅读全文
摘要：
对象 为什么要有对象 function printPerson(name, age, sex....) { } // 函数的参数如果特别多的话，可以使用对象简化 function printPerson(person) { console.log(person.name); …… } 什么是对象 现 阅读全文