您的位置：首页 > Web前端 > CSS

css基础 一个元素有多个类名 简单示例

2018-02-10 19:32 387 查看
礼悟：
　　 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。
虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。

　　 ide：visual studio 2017　　
browser：Chrome
os：win7


代码

1 <!DOCTYPE html>
2 <html>
3 <head>
4     <meta charset="utf-8" />
5     <meta name="author" content="https://www.cnblogs.com/jizuiku"/>
6     <title></title>
7     <style type="text/css">
8         .fcolor-white {
9             color:white;
10         }
11         .bgcolor-grey {
12             background-color:grey;
13         }
14     </style>
15 </head>
16 <body>
17     <!--
18         可以存在多个类名，类名之间用空格隔开
19
20         在CSS文件保持不变的情况下，
21              class="fcolor-white bgcolor-grey"
22              与
23              class="bgcolor-grey fcolor-white"
24              效果是相同的
25         此处有深意！
26         -->
27     <div class="fcolor-white bgcolor-grey">博客园</div>
28 </body>
29 </html>


效果



CSS3优秀，值得学习。
学习资源： www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源，可以分享给我的话，用您的资源学习也可以。
博文是观看视频后，融入思考写成的。博文好，是老师讲得好。博文坏，是 给最苦 没认真。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航