您现在的位置:首页 >> 前端 >> 内容

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

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

  核心提示:在webapp文件夹下新建一个css文件夹,该文件夹与WEB-INF同级; 在css文件夹中创建一个xxx.css文件;在xxx.css文件中写css样式,比如:.news {background-c...

在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使用相关样式了。

Tags:关于 于C CS SS 
作者:网络 来源:gxx_csdn的博