在JSP页面中怎样导入CSS文件

在JSP页面中怎样导入CSS文件,第1张

JSP全名为Java Server Pages,其根本是一个简化的Servlet设计,它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。它是在传统的网页HTML文件中插入Java程序段和JSP标记,从而形成JSP文件。
有三种方法可以在JSP页面上使用样式表:
外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
推荐你用外联方式:
<link href="csscss" rel="stylesheet" type="text/css"/>
这样就可以。修改也方便!

直接在页面上通过<style>标签写css代码,或者就写在css文件里,然后在页面上通过<link rel="stylesheet" href="" media="screen" />,导入那个文件。

兄弟,把下面的css加到你的样式里试试:
--------------------------------------------------------
book_c_border2_1, book_c_border2_2, book_c_border2_3{ float:left; _display:inline; width:200px; font-size:12px; margin:0; padding:0;}

<head>
<title>111</title>
<link rel="stylesheet" href="maincss" type="text/css">
</head>

道理都一样的,只要在head 标签里面引入就行了 前提是你在main的文件里已经写好CSS样式了。

给你举个例子 加入有一个叫abcCSS的文件 里面有CSS类
subSheet { }
加入在同目录下 有testjsp 里面可以这样引用
<LINK rel="stylesheet" href="abcCSS">
<span class="subSheet">样式</span>
我的网站就是这样引用的

jquery easyui在我的jsp页面中使用,需要引入那些c及引用的路径:

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

pageEncoding="UTF-8"%>;

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">

<html>;

<head> ;

<meta >

<link rel="stylesheet" type="text/css" href="css/easyuicss"> ;

<link rel="stylesheet" type="text/css" href="css/iconcss">;

<link rel="stylesheet" type="text/css" href="css/test1css"> ;

<script type="text/javascript" src="js/jquery/jquery-1113js"></script>  ;

<script type="text/javascript" src="js/jquery/jqueryeasyuiminjs"></script> ;

<title>测试 JQuery</title>  ;

</head>;

<body> ;

<div class="AAA">show it</div>  ;

</body>;

<script type="text/javascript"> ;

$(function(){ ;

alert("OK,JQuery is run");

});

</script> ;

</html>

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。

jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。

jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12790208.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-27
下一篇2025-08-27

发表评论

登录后才能评论

评论列表(0条)

    保存