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

2019-10-09 郑州网站建设  

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

直接上代码:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>分辨大小写 </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://tzchb.ieyo.com/dede/3187.html转载请标明出处,谢谢合作!
标签:
  • css
  • 字母
  • 命名
  • 英文
  • 区分
  • 大小
  • 同样