摘要：
html { margin: 0; height: 100%; } body { margin: 0; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; background: black; color: #ccc; }... 阅读全文
摘要：
@import url(https://fonts.googleapis.com/css?family=Lato:900); *, *:before, *:after{ box-sizing:border-box; } body{ font-family: 'Lato', sans-serif; } div.foo{ width: 90%; margin: 0 auto; t... 阅读全文
摘要：
body { font-family: 'Source Sans Pro', Arial, sans-serif; background: #becccc; text-transform: uppercase; color: #fff; text-align: center; letter-spacing: -3px; padding:50px; } ... 阅读全文
摘要：
... 阅读全文
摘要：
1、把html和body的height属性设为100%;保证content的高度能撑满浏览器; 2、把#content的高度也设置为100% ，但是这里我们使用了“min-height”属性，而不是的height属性，这是因为如果#main中的内容如果增加了，他的高度超过了浏览器窗口的高度，那么如果 阅读全文
摘要：
因为头部是公共的，所以无法通过添加类的方式控制当前选中的类的颜色等样式。我们只能通过其他方法解决。 1、原理：首先找到当前a，然后循环判断，如果浏览器地址栏地址和a的href相等，就说明当前导航找到，添加定义的类。 2、代码 3、详解indexof方法 indexOf() 方法可返回某个指定的字符串 阅读全文
摘要：
刚开始写项目的时候，有多少个页面，就复制多少次公共的代码（如头部，尾部）。显然这不是明智之举。下面介绍一种引入公共头部的方法。 1、首先在页面引入该JavaScript文件(include.js)。 2、在需要的地方引入，例如（<include src=" header.html"> </inclu 阅读全文
摘要：
原理：点击当前元素时,当前元素添加（样式类），父辈的兄弟姐妹的孩子（'a'）去掉此样式类。 代码如下： 如下图所示： 阅读全文
摘要：
静态布局：意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置； 自适应布局：就是说你看到的页面，里面元素的位置会变化而大小不会变化； 流式布局：你看到的页面，元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。 响应式布局：每个屏幕分辨率下面会 阅读全文