`

CSS及页面常见问题解决方案

阅读更多

①css改动后,页面显示样式不变

解决方案:一般是缓存问题,这时读的是缓存文件而不是原文件了。右击刷新按钮点击清楚缓存或者到浏览器设置中清除缓存。清除后刷新网页即可。

②页面上多出空处,含有<

 

<html>
  <body>
      <<div>
            <title>商品列表</title>
       </div>
  </body>
</html>

 解决方案:仔细查看html里,多出一个<(具体情况看页面),找出后删除即可

 

③CSS选择器内属性失效

解决方案:css属性中分号大小写 

书写CSS属性时,每个CSS属性和对应值结束的时候需要用分号(;)结束分割,把分号大写或者漏写就会造成这个选择器内属性失效,所以每个CSS选择器花括号的CSS属性结束一定要以半角小写分号结束 

 

④无法查看网页

解决方案:查看服务器错误提示,配置数据

例如:服务器显示(url(r'^$', views.render_homepage),

AttributeError: 'module' object has no attribute 'render_homepage'

Performing system checks...)

#AttributeError:“模块”对象没有属性“render_homepage”

原因:视图views没有传递给模版

def render_homepage(request):
    return render(request, 'cart/home.html',{})

注释:(view是存放应用逻辑的地方。它从之前创建的模型中获取数据,并传递给模版) 

 

⑤相对位置与绝对位置relative   absolute

注释:relative 定位时,对其他元素不会有影响。

并且relative定位时,若同时设置top bottom,则只有top有效,bottom无效

left right只有left有效,right无效

 

⑥404错误

用户发出的请求针对的网页不存在,服务器没有进行操作

解决方法:原始网页的URL失效,可能时网页文件改名或更改位置,导致URL地址无法访问。所以返回404,告诉浏览器,请求的网页不存在。

将缺少的网页文件恢复到正确的位置,设置url,views,重启服务器。

 

分享到:
评论

相关推荐

    CSS常见小问题解决

    ### CSS常见小问题解决方案 #### 一、灰度滤镜应用 **问题描述:** 有时我们需要将页面中的图片或某个元素设置为灰度效果,这在网页设计中是一种常见的需求。 **解决方案:** 对于IE浏览器(尤其是IE8及以下版本)...

    web标准常见问题集合(CSS).rar

    本资料集“web标准常见问题集合(CSS)”显然是针对CSS学习者和实践者提供的一份宝贵资源,它包含了关于CSS的各种常见问题和解决方案。 首先,让我们深入理解CSS的基本概念。CSS允许开发者将设计样式(颜色、字体、...

    常见的CSS技巧及常见问题

    在CSS(层叠样式表)的设计和开发过程中,掌握一些常见的技巧和理解常见的问题解决方案是至关重要的。以下是一些关于CSS的重要知识点: 1. **CSS缩写**:使用CSS缩写能够有效地减少代码量,提高页面加载速度。例如...

    CSS常见浏览器兼容问题

    在网页设计领域,CSS(Cascading Style Sheets)起着至关重要的作用,它负责定义页面的布局和样式。然而,由于各个浏览器之间的实现差异,CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE(Internet ...

    css常见问题解决办法

    本资源包集合了作者在实践中遇到的一些常见问题及其解决方案,主要关注HTML页面、浏览器兼容性、JavaScript以及CSS样式的应用。以下将对这些知识点进行详细阐述。 1. **浏览器兼容性问题**:由于不同的浏览器对CSS...

    css工作中常见的问题

    ### CSS工作中常见的问题 #### 一、Img 下几像素空白产生的原因及解决办法 ...以上介绍的是 CSS 工作中常见的问题及其解决方案。了解这些基础知识可以帮助开发者更好地控制网页布局,提高开发效率。

    css常见考题 !!css常见考题 css常见考题

    **知识点:** IE6中双倍边距的问题及其解决方法。 - **问题描述:** 在IE6中,使用`float`和`margin`时,可能会出现边距加倍的问题。 - **解决方案:** - 通过设置`display: inline`来解决IE6的边距加倍问题。 - ...

    精通CSS高级Web标准解决方案 PDF

    《精通CSS:高级Web标准解决方案》是一本专为前端开发者深度探索CSS技术的权威指南。这本书深入剖析了CSS的核心概念,提供了丰富的实践案例,旨在帮助读者掌握构建高效、可维护和响应式的网页布局的高级技巧。 在...

    css兼容问题的解决方案

    #### 二、CSS兼容性常见问题及解决方案 ##### 1. Div的垂直居中问题 **问题描述**:在某些情况下,需要将一个元素(如文本或图片)在父容器中垂直居中显示。虽然可以通过设置`vertical-align:middle;`以及调整`...

    css ie6 fiexd属性解决方法

    在探讨“css ie6 fixed属性解决方法”这一主题时,我们不得不面对一个历史遗留问题:Internet Explorer 6(IE6)对于CSS3中fixed定位的支持不足。IE6发布于2001年,其浏览器内核对现代Web标准的支持有限,尤其是在...

    CSS基础常见问题汇总

    这里,我们将深入探讨一些常见的CSS问题及其解决方案,帮助你更好地理解和掌握这个强大的样式语言。 一、选择器的优先级 CSS选择器的优先级是根据其特异性(specificity)来确定的。ID选择器具有最高优先级,接下来...

    div+css兼容性问题解决方案

    ### div+css兼容性问题解决方案 ...以上就是针对IE7、IE6以及Firefox等浏览器在使用`div+css`布局时常见的兼容性问题及其解决方案。通过这些技巧,可以有效提高网页在不同浏览器间的兼容性和用户体验。

    CSS运用中的技巧及常见问题

    【CSS运用中的技巧及常见问题】在网页设计中,CSS(Cascading Style Sheets)扮演着至关重要的角色,它负责页面的布局、样式和表现。掌握一些实用的CSS技巧和解决常见问题的方法,能帮助开发者更高效地创建美观且...

    CSS完美解决前端图片变形问题的方法

    以下是一些有效的解决方案,它们可以帮助你完美地解决前端图片变形问题: 1. **隐藏多余部分** 这个方法通过设置容器的`overflow: hidden`来裁剪超出容器边界的图片。同时,通过使用绝对定位 (`position: absolute...

    解决ie9、ie10本地css加载不上的解决方法

    ### 解决IE9、IE10本地CSS加载不上的解决方法 #### 背景介绍 在Web开发过程中,我们经常会遇到Internet Explorer(IE)浏览器兼容性问题,尤其是在处理IE9和IE10这两个版本时。这两个版本的IE浏览器虽然在当时较为...

    div+css浏览器兼容问题解决方法.doc

    以上是针对`div+css`浏览器兼容问题的一些常见解决方案,实践中可能需要根据具体情况进行调整和优化。在开发过程中,测试多种浏览器和不同版本,以及使用工具如 Normalize.css 或 Reset.css,可以帮助减少这些兼容性...

    常见 CSS BUG 的处理

    ### 常见 CSS BUG 的处理 在前端开发过程中,我们经常会遇到各种各样的 CSS 问题,这些问题有时候会给项目的进度...通过上述提到的一些常见问题及其解决方案,希望能帮助开发者们更高效地解决实际项目中的 CSS 问题。

    div+css浏览器兼容问题解决方法

    ### div+css浏览器兼容问题解决方法 在网页开发过程中,经常遇到的一个问题是不同浏览器对CSS的支持程度不一,导致页面布局出现差异。特别是在早期的Web 2.0过渡时期,如何确保网页在IE7、IE6以及Firefox等浏览器中...

Global site tag (gtag.js) - Google Analytics