为什么这个代码里没有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浏览 3403回答 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
CSS3
Html/CSS
JavaScript