如何在JavaWeb中用css

本文介绍了如何在JavaWeb中使用css,有着一定的参考价值,现在将它分享给各位,希望对各位有帮助。

如何在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

本文来自css3答疑栏目,欢迎学习!

以上就是如何在JavaWeb中用css的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读