首页 > 代码库 > css基础 一个class属性给两个名字(实用技巧)

css基础 一个class属性给两个名字(实用技巧)

 镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6     <style type="text/css">
 7         /*全局类*/
 8         .divBGCRed{
 9             background-color:red;
10         }
11         /*指定类*/
12         .divClass1{
13             border:1px solid blue;
14             height:100px;
15             width:100px;
16         }
17     </style>
18 </head>
19 <body>
20     <!--
21         class中的两个名字是没有顺序的,这样做的话,很好
22         divClass1:特指
23         divBGCRed:公共
24         这样做的话,设置CSS就很方便
25         -->
26     <div class="divClass1 divBGCRed">
27 
28     </div>
29 </body>
30 </html>

 



result:

技术分享

 



——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

css基础 一个class属性给两个名字(实用技巧)