MHlife on GitHub

前端开发工程师-HTML5+CSS3-5

display: none; /*隐藏,不为被隐藏对象保留其物理空间*/ display: block; /*显示*/ visibility: hidden; /*隐藏对象,与display属性不同,只隐藏内容,其占位空间仍然保留*/ visibility: visible;

- 阅读全文 -

前端开发工程师-HTML5+CSS3-4

精灵技术——雪碧技术 css sprites把一堆小图片整合到一张大图上,通过背景图定位精确显示图片,减少服务器对图片的请求数量 优点: 1)减少网页的HTTP请求,提高页面的性能 2)减少图片命名的困扰 3)更换风格方便 缺点: 1)必须要限定容器的大小符合背景图片元素位置,需要计算 2)维护的时候比较麻烦步骤: 1)制作一张具有多种状态的拼合图片

- 阅读全文 -

前端开发工程师-HTML5+CSS3-3

文档流:文档中可以显示的对象在排列时所占的位置 浮动:使元素脱离正常文档流,按照指定的方向发生移动,直到碰到它的父元素的外边缘或另一个浮动元素的边框为止float的属性值: float: left; 左浮动 float:right; 右浮动 float:none; 不浮动 特性: 元素浮动之后不占位,父元素要有一定的高度; 层级提升——半层; 脱离正

- 阅读全文 -

前端开发工程师-HTML5+CSS3-1

<!DOCTYPE html><!-- 文档声明,告诉浏览器以什么规范解析网页文档 --><html><!-- 网页的根元素,双标签 --><head lang="en"><!-- 网页的头部信息,双标签 --><meta charset="UTF-8"> <!-- m

- 阅读全文 -