一样的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; background: #ccc; font:12px Arial, Helvetica, sans-serif; line-height:22px; } .Block{ width:400px; height:30px; line-height:30px; margin:5px; padding-left:20px; background:#0099CC; border:3px solid #fff;} .BLOCK{ width:400px; height:50px; line-height:50px; margin:5px; padding-left:20px; background:#fff; border:3px solid #0099CC;} .block{width:400px; height:20px; line-height:20px; margin:5px; padding-left:20px; background: #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/html/h53401.shtml