猿问

为什么这个代码里没有style type="text/css",只有一个style标签呢?

只有一个style标签能被识别为CSS样式吗?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
    body{ font-size:16px;}
    .one{
		border:1px solid #eee;
		width:230px;
		height:50px;
		background:#ccc;
		color:red;
    }
	.two{
		border:1px solid #ccc;
		width:230px;
		height:50px;
		background:#9CF;
		color:blue;
	}
	</style>
</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
	<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>

	<script type="text/javascript">
	   function add(){
	      var p1 = document.getElementById("p1");
	      
	   }
	   function modify(){
	      var p2 = document.getElementById("p2");
	      
	   }
	</script>
</body>
</html>


叔本华Arthur
浏览 3411回答 5
5回答

rainbow702

因为你用的是HTML5标准:<!DOCTYPE HTML>在HTML5里,style 标签的type属性的值默认就是"text/css",所以不用写啊。类似的,script标签的type属性的值默认就是javascript,所以,也不用写出来

快要坏掉的小海

因为这是html5 默认样式就是"text/css"

不想长大的孩子

这个你写了,它在属性type会等于"text/css",你不写它的type属性是“”;浏览器都能识别解析,规范要写,你写不写都能正确执行,这个看你自己了,建议写上,这样浏览器解析貌似不用判断了。

小草1434

<style>......</style>   和 <style type="text/css">......</style> 的作用都是一样的,在这个页面中没有任何区别,浏览器都把他当做css文件,只是后者有确定声明一下而已

Chuan_wei

type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。意思是这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。  由于唯一值type是"text/css" 所以一般不写也是可以使用的,但是一般的代码规范性是要要求要写的。就看你遵守不遵守代码规范性了,你写不写都是没有影响的。
随时随地看视频慕课网APP
我要回答