随笔分类 - HTML5/CSS3
摘要：多个行内元素中有一个没有内容的行内元素设置inline-block后，会导致该元素与其他元素位置不在同一水平线上
阅读全文
摘要：localStorage存储数组时需要先使用JSON.stringify()转成字符串，取的时候再字符串转数组JSON.parse()。 可以在控制台验证：
阅读全文
摘要：Bootstrap的栅格布局超级方便我们写网页。但是在不是全体配合使用的情况下，会出现横向滚动条的现象。 什么叫不是配合使用的情况呢？ 一种情况是：你使用了row作为你的第一层父元素；而row是有样式：margin left: 15px;margin right: 15px。 就是这两个负数和作为第
阅读全文
摘要：相同点：都是存储于客户端 不同点： 1.存储大小 cookies数据大小不能大于4k; localStorage和sessionStroage则可以达到5M； 2.有效时间 cookies在设置的有效期内一直有效； localStorage存储持久数据，只要不手动清除则一直存在； sessionSt
阅读全文
摘要：对于css的长度单位真的有必要知道一下。那么css长度单位有哪些呢？ 分成两大类： 1.绝对单位：不会因为其他元素的尺寸变化而变化。坚持自我。 2.相对单位：没有一个确定的值，而是由其他元素的尺寸影响的。 1.绝对元素： px(像素，屏幕中的一个点。用得最多的)、pt（Points）、pc(Pica
阅读全文
摘要：在做页面改写时，发现外部引入的样式表中一部分的样式起作用，另一部分的样式没有用。无论怎么修改都没有用。最后搜索了下答案，发现是css样式文件与需引入的文件编码不一致。导致样式读取不到或者读取到一半。
阅读全文
摘要：我们可以通过减少文件大小和本地缓存来达到减少http请求，从而提高响应速度。 下面几个方法可以达到这个目的： 1).尽量减少对http提出请求，减少对图片的加载；可以用css Sprites（精灵）合成图片，根据位置大小确定具体使用图片。 2).使用CDN（CDN:将源站内容分发至最接近用户的节点，
阅读全文
摘要：三行代码实现上下居中 position: relative;top: 50%;transform: translateY(-50%); 效果如下： 代码： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>css1
阅读全文
