老师,我的css怎么不生效呢

老师,我的css怎么不生效呢

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/common.css">

<script  src="${pageContext.request.contextPath }/js/js1.js"></script>

</head>

<body>

<div class="header">

<div class="logo">

<img src="${pageContext.request.contextPath }/image/logo.png">

</div>

<div class="menu"   onclick="show_menu()" onmouseleave="show_menu1()">

<div class="menu_title" ><a href="###">内容分类</a></div>

<ul id="title">

   <c:forEach items="${list}" var="list">

<li>${list.cname }</li>

</c:forEach>

<li>抽象主义</li>

</ul>

</div>

<div class="auth">

<ul>

<li><a href="#">登录</a></li>

<li><a href="#">注册</a></li>

</ul>

</div>

</div>

<div class="content">

  <div class="banner">

   <img src="image/welcome.png" class="banner-img">

  </div>

  <div class="img-content">

<ul>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<a href="#" class="cart">

       <div class="btn">

      <img src="image/cart.svg">

       </div>

    </a>

</div>

</div>

</li>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<div class="btn">

<a href="#" class="cart">

   <img src="${pageContext.request.contextPath }/image/cart.svg">

</a>

</div>

</div>

</div>

</li>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<div class="btn">

<a href="#" class="cart">

   <img src="${pageContext.request.contextPath }/image/cart.svg">

</a>

</div>

</div>

</div>

</li>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<div class="btn">

<a href="#" class="cart">

   <img src="${pageContext.request.contextPath }/image/cart.svg">

</a>

</div>

</div>

</div>

</li>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<div class="btn">

<a href="#" class="cart">

   <img src="${pageContext.request.contextPath }/image/cart.svg">

</a>

</div>

</div>

</div>

</li>

<li>

<img src="${pageContext.request.contextPath }/image/wumingnvlang.jpg" class="img-li">

<div class="info">

<h3>无名女郎</h3>

<p>

图片描述可以分为多种,一种是单一说明,就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容,一些配图可以分为含蓄类型的,这样的配图一般会 图片描述可以分为多种.

</p>

<div class="img-btn">

<div class="price">¥5800</div>

<div class="btn">

<a href="#" class="cart">

   <img src="${pageContext.request.contextPath }/image/cart.svg">

</a>

</div>

</div>

</div>

</li>

</ul>

  </div>

  <div class="page-nav">

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">上一页</a></li>

<li><span class="first-page">1</span></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li><a href="#">…</a></li>

<li><a href="#">98</a></li>

<li><a href="#">99</a></li>

<li><a href="#">下一页</a></li>

<li><a href="#">尾页</a></li>

</ul>

  </div>

</div>

<div class="footer"></div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
cccca 2020-03-04 17:01:53

我就好奇解决没?是不是出现加载css的时候,浏览器报错type类型错误

好帮手慕柯南 2020-03-01 14:48:36

同学你好!

你的目录结构是否和老师的一样呢?

http://img1.sycdn.imooc.com//climg/5e5b5a9509d2579504140344.jpg

建议你在浏览器的控制台看一下,css最终的加载路径是什么,是不是少写了什么呢?

祝学习愉快~

  • 提问者 阿满___最帅 #1
    目录没问题啊,老师
    2020-03-03 08:30:04
  • 提问者 阿满___最帅 #2
    哇,我记得前天写完前台,就差这个css没解决,谁知道现在一看,我的后台也崩了?css路径没问题啊
    2020-03-03 08:49:41
  • 提问者 阿满___最帅 #3
    数据库也连不上了,后台的
    2020-03-03 08:51:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师