HTML中class属性里多个单词并用空格隔开的意义。Bootstrap的引用

最新推荐文章于 2023-06-06 19:27:15 发布

玉树便可临风

最新推荐文章于 2023-06-06 19:27:15 发布

阅读量1.9k

点赞数

分类专栏：纯文字笔记文章标签： css bootstrap html class

本文链接：https://blog.csdn.net/weixin_44325325/article/details/103530672

版权

纯文字笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>

<button type="button" class="btn">原始样式按钮</button>
<br>
<br>
<button type="button" class="btn btn-default">默认按钮</button>
<br>
<br>
<button type="button" class="btn btn-primary">提交按钮</button>

这是因为引用了bootstrap。如上面的class=“btn”的意思是这是一个默认的按钮，框架给了它大小，但btn-default的大小才是默认的，好看的。到了第三个，btn-primary给了这个按钮不一样的色彩，很好看。对其他h1,table等标签同理，但class里面的单词不一样了，这些单词也是指定的，特有的。

 <h1 class="label label-info" >订单管理</h1>

    <table class="table table-striped table-bordered table-hover 
     table-condensed">xxx</table>

这跟另一个class的含义不一样：


 div{
 text-align:center;
 }
h1.c111{
  color:green;
}
 
 .c222 {
  color:red;
}
</style>
<div class="d111">
<h1 class="c111">bilibili</h1>
<h1 class="c222">B站</h1>
<div>