实验时css层叠样式表不更新的情况
自定义了CSS的样式,希望在页面中起作用。因为MVC中Views/Shared/_Layout.cshtml是所有视图的公共文件,如下:
<!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> </head> <body> @RenderBody() </body> </html>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />通过这句话使用了一个外部层叠样式表文件,位置在"~/Content/Site.css"。所以,如果要自定义层叠样式,就可以在Site.css中文件添加定义,这样也方便统一管理。
在实验过程中,出现一个问题,就是在Site.css中修改或添加了层叠样式后,启动程序,发现CSS没有起作用。测试多次,换浏览器,清除缓存都不行。
后发现解决方法为:启动程序后,在页面上选择查看网页源代码,会在head头部看到添加进来的这个外部CSS文件的地址,比如:
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
正常情况下"/Content/Site.css"下会有超链接,鼠标点击这个超链接,将直接打开Site.css的源代码文件,此时发现,Site.css源代码文件里的内容没有加载新添加的内容,还是老内容。解决的方法就是在此时,刷新浏览器,让浏览器重新加载Site.css源代码文件,就可以看到新添加或修改的内容就已经添加进来,这个时候再做实验,打开页面,CSS就起作用了。
-lyj