站内搜索:
首页 >> 前端 >> 内容
关于css文件创建和使用的讲解

时间:2017/12/21 10:07:00

在webapp文件夹下新建一个css文件夹,该文件夹与WEB-INF同级; 在css文件夹中创建一个xxx.css文件;

关于css文件创建和使用的讲解

在xxx.css文件中写css样式,比如:

.news {
    background-color: azure;
    margin-left: 100px;
    margin-right: 100px;
}

其中news是这个样式的名字,

在新建一个css样式时,有.和#两种写法,区别在于.是class属性,#是id属性,即:

用. 定于的样式可应用于任何标签,class=”xxx”,

而用#定义的样式只能应用于某个标签,id=”xxx”

4. 在jsp中引用该css文件

<title>新闻展示</title>
<link rel="stylesheet" type="text/css" href="css/myCss.css">

其中href=”被引用的css文件的路径”,然后就可以通过class或id使用相关样式了。

  • 上一篇:一个简单的计时器实现教程
  • 下一篇:使用fiddler抓取数据包的时候,查看出现乱码的问题如何解决?
  • 返回顶部