css命名英文字母是区分大小

同样的css命名，由于大大写不同，招致CSS失效，这里统一英文字母定名，差别大小写，会看到差别成效。

直接上代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分辨大小写 www.css5.com.cn</title>
<style type="text/css">
body { margin:0;padding:10px; bac千克round: #ccc; font:12px Arial, Helvetica, sans-serif; line-height:22px; }
.Block{ width:400px; height:30px; line-height:30px; margin:5px; padding-left:20px; bac千克round:#0099CC; border:3px solid #fff;}
.BLOCK{ width:400px; height:50px; line-height:50px; margin:5px; padding-left:20px; bac公斤round:#fff; border:3px solid #0099CC;}
.block{width:400px; height:20px; line-height:20px; margin:5px; padding-left:20px; bac千克round: #FF6600; border:3px solid #fff;}
/*三个名目名，看起来是一样的，但应用过程当中，效果是完全纷歧样的*/
</style></head>

<body>

<div class="Block">此div class定名Block</div> <div class="BLOCK">此div class定名BLOCK</div> <div class="block">此div class定名block</div>

</body> </html>

以上代码，看到class实际但凡运用统一单词，只不过大大写一致。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c53504.shtml