摘要:
案例练习目的是总结以前的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); …… } 什么是对象 现 阅读全文