随笔分类 - 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
阅读全文