Rumah > Artikel > hujung hadapan web > style是什么意思

style是什么意思

不言asal: 2019-01-08 13:46:2843862semak imbas

我们在学习前端知识的时候经常会用到一个style属性，那么style究竟是什么意思呢？本篇文章我们就来给大家介绍一下关于style的意思，下面我们来看具体内容。

style是什么意思

c9ccee2e6ea535a969eb3f532ad9fe89 标签用于为 HTML 文档定义样式信息，在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type属性是必需的，定义style元素的内容。唯一可能的值是 "text/css"，style 元素位于 head 部分中。

总而言之，我们可以在style标签中写CSS的各种内容，编写CSS的各种样式，我们来看具体的示例

代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.test{
			height: 200px;
			width: 200px;
			background: skyblue;
		}
	</style>
</head>
<body>
<div class="test"></div>
</body>
</html>

运行效果

style是什么意思

我们在style中定义了一个宽度和高度都为200px的正方形且背景颜色为天蓝色。

style还可以直接在标签中使用，示例如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<div style="width: 200px;height: 200px;background: lightgreen;"></div>
</body>
</html>

效果如下：同样可以定义一个宽高为200px，背景色为浅绿色的正方形。

style是什么意思

本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网！！！

Atas ialah kandungan terperinci style是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：css实现等高布局的三种方式（代码示例）Artikel seterusnya：CSS实现页面底部固定的方法介绍（附代码）

Artikel berkaitan

Lihat lagi