CSS初始化的学习
CSS初始化是针对不同浏览器对相同标签和样式在渲染时表现出不同的显示效果而推出的一种解决措施,根据查询CSS重置(重设)、CSS RESET表示的是同一个意思。
在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
——摘自百度百科 reset.css词条
阅读全文
微信开发中防止页面缓存的方法
在做微信开发的时候,由于微信内置浏览器的封闭性,经常会出现代码已经修改但是在微信中打开还是缓存了旧的页面。对开发者来说这是一件非常让人恼火的事情。下面说一下解决办法吧,虽然说不上完美但不用清数据,也不用卸载并重装微信,凑合着用还是可以的。
方法一:
通过给js、css和image资源改名或增加版本号的方式来解决,页面样式不变化大多是外部文件被缓存,改名的效果很好,但是不方便。版本号的方法还可以。下面详细说一下,例如以下代码为外部引用的文件:
- <link rel=“stylesheet” href=“main.css?ver=1.0″ />
- <script src=“js/rendered.js?ver=1.0″></script>
每次对文件进行修改后,把ver后的1.0改为1.1,下次改为1.2等等,这样每次页面打开的连接都不一样,就会重新请求外部文件了
方法二:
通过改写meta防止页面缓存,代码如下,直接放在header部分就可以了
- <meta http-equiv=“Cache-Control” content=“no-cache, no-store, must-revalidate” />
- <meta http-equiv=“Pragma” content=“no-cache” />
- <meta http-equiv=“Expires” content=“0” />