如何在JavaWeb中用css

一、css概念： Cascading Style Sheets 层叠样式表

层叠：多个样式可以作用在同一个html的元素上，同时生效

二.、好处：

1. 功能强大

2. 将内容展示和样式控制分离

降低耦合度。解耦

让分工协作更容易

提高开发效率

（相关课程推荐：css视频教程）

三 、Java Web中使用css

CSS的使用：CSS与html结合方式

1. 内联样式

在标签内使用style属性指定css代码

<div style="color:red;">hello css</div>

2. 内部样式

在head标签内，定义style标签，style标签的标签体内容就是css代码，css代码作用的范围就是元素名称为<div>的元素。

<style>
div{
color:blue;
}
</style>
<div>hello css</div>

3. 外部样式

（1）定义css资源文件。

（2） 在head标签内，定义link标签，引入外部的资源文件

// a.css
div{
color:green;
}
<link rel="stylesheet" href="css/a.css">
<div>hello css</div>
<div>hello css</div>

需要注意以下几点：

（1） 上面1,2,3种方式 css作用范围越来越大

（2）1方式不常用，后期常用2,3