提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > style是什么意义【css教程】,style

我们在进修前端学问的时刻常常会用到一个style属性,那末style究竟是什么意义呢?本篇文章我们就来给人人引见一下关于style的意义,下面我们来看细致内容。

<style> 标签用于为 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中定义了一个宽度和高度都为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,背景色为浅绿色的正方形。

本篇文章到这里就悉数完毕了,更多精彩内容人人能够关注ki4网!!!

以上就是style是什么意义的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"style是什么意义【css教程】,style"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线