菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
494
0

css 区分大小写吗

原创
05/13 14:22
阅读数 27113

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

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css区分大小写吗?

层叠样式表(英文全称: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还是能够应用到<body></body>标签。

【推荐学习:css视频教程

效果对比:

XHTML中:

a0a9246436028abf66e0297113258ea.png

HTML中:

e59b7048f30fe3782845bcc2c07bf6b.png

XHTML:

可扩展超文本标记语言(英语:eXtensible HyperText Markup Language,XHTML),是一种标记语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

从继承关系上讲,HTML是一种基于标准通用标记语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展标记语言(XML),XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。

以上就是css 区分大小写吗的详细内容,更多请关注其它相关文章!

发表评论

0/200
494 点赞
0 评论
收藏
为你推荐 换一批