css不区分大小写吗？-前端问答-PHP中文网

css不区分大小写吗？

醉折花枝作酒筹

发布： 2021-07-15 11:31:08

原创

2615人浏览过

在HTML文件中，CSS是不区分大小写的。当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。

css不区分大小写吗？

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

在HTML文件中，CSS是不区分大小写的。当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。

示例：

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
 <!-- 声明为XHTML类型的，如果去掉此行，则为普通的HTML类型 -->  
  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>URI utility</title>  
<style type="text/css">  
<!--  
BODY {  
    border: 1px solid blue;  
}  
.Row {  
    border: 1px solid red;  
    padding: 2px 2px 2px 2px;  
    margin: 4px 10px;  
}  
-->  
</style>  
</head>  
<body>  
<div class="main">  
    <form name="form1">  
        <div class="row">  
            <input type="text" name="uri1" size="60" /><br/>  
        </div>  
    </form>  
</div>  
</body>  
</html>

登录后复制

但是，在XHTML中，对于基本的HTML标签，CSS还是不区分大小写的。本例中的BODY还是能够应用到

标签。

效果对比：

XHTML中：

6%V}NSX{{E3(YZMP%SO[Q[J.png