前端开发工程师-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
前端开发工程师-HTML5+CSS3-9
display: flex; /将块级元素转换成弹性盒容器/display: inline-flex;/行级元素转换成弹性盒容器/ *{ margin: 0; padding: 0;} li{ list-style: none; } .wrap{ display: flex; /*将块级元素转换成弹性盒容器*/ }