韦德国际1946英国 > 计算机网络 > 类选择符,Bootstrap中的字体图标

原标题:类选择符,Bootstrap中的字体图标

浏览次数:186 时间:2019-06-22

应用 <span > XX文字</span>引进字体Logo。一般情形下文字放在span 标签之间,前面加叁个空格,得到Logo与文字之间的距离。

 

  

span标签平常出现在链接中,如将文字放在在span 标签之间,不会产出超链接下划线,如字体Logo前面有空格,间距大,也得以将文字放在span标签之后会出现下划线。如前方有空格,间距小。

 

今天大家把具有的选择符统统拿出去说个遍。

<div >
@{
foreach (var category in Model)
{
string categoryCss = category.Active? "active" : null;
<a List", new { categoryID = category.CategoryID})" >@category.CategoryName <span >@category.ArticleCount</span></a>

  譬如,页面中保有标签成分的类名都为.test,供给将段落元素P的体制定义为革命字体,大小18px且带下划线样式。

 

}

效果:

<style type="text/css">
.div3
{
    font-size:18px;
}
</style>
<div>div1</div>
<div>div2</div>
<div class="div3">div3</div>
<div>div4</div>

}

 图片 1

  示例:

在数不尽构件中,

p span{color:Blue;}

相似未有系统的求学过,只是在英特网看某些片断教程的人。见到最多的只怕也正是:


<style type="text/css">
.test
{
    font-size:12px;
}
p.test
{
    font-size:18px;
    color:red;
    text-decoration:underline;
}
</style>
<p class="test">p标签内文字,类名称叫test</p>
<div class="test">div里面包车型大巴文字,类也为test</div>
<p>p标签,没有类</p>

最后关于通配符还应该有一点想说的正是,作用的难点。通配符把具备标签都要起头化三回,浏览器的渲染消耗一定的能源。可是自己在想,对于这一点财富,除非是这种对品质需求异常高,不然自己觉着没须要太刻意在乎,毕竟依然很方便呢!

<div >
<div >
<h2 ><span > 栏目导航</span></h2>
</div>

  固然在CSS中采纳选用符组合定义段落标签P中的子标签SPAN,即为:

<div>div1</div>
<div>div2</div>
<div>div3</div>
<div>div4</div>

也足以将文字放在span标签之后。

介绍了如此多选取符,其实选取符的行使最大的优势不是单人独马奋斗,而应当是针对性差异的页面结构组合成种种方阵。其主要方法显示在针对接纳类选拔符或者

  • 类选择符,Bootstrap中的字体图标。要素选用符(比如:body 、a 、li )
  • ID选择符(例如:#head、#body、#foot)
  • 类选用符(比方:.red、.item、.content)

</div>

<style type="text/css">
p,.test,#title
{
    font-size:20px;
    color:red;
}
</style>
<p class="test">p标签内文字,类名称叫test</p>
<div class="test">div里面包车型客车文字,类也为test</div>
<span class="test">span里面包车型地铁文字,类也为test</span>
<p>p标签,没有类</p>
<h3 id="title">h3里面文字,ID为title</h3>
<span>span不转移颜色</span>
<div>div不退换颜色</div>

如上边效果

</div>

  

3)ID选择符

  p#test{color:red} 

2)类采用符

图片 2图片 3代码

 

效益如图:

  通配符与标签作为选项符确实很有力,也很好用,但论及的界定太宽广。假设愿意同三个标签在不一致地点显得差异的体制,那就必要转移采用符的利用方法,不然存在的弊端太多,那一年就应有思量换个艺术去定义CSs样式。

选取符计算:

  介绍了这么多,作者画了张图供各位参考一下:

    图片 4

前天想转手什么样让第二个DIV变为18px的书体。

图片 5图片 6代码

 

四、采取符的构成,依照HTML的组织涉及,层层推进的陈列选择符,目的采用符为最终的四个选用符。各类选拔符之间 使用空格分开且它们的涉及为老爹和儿子关系。

<style type="text/css">
div span{font-size:30px;}
</style>
<div>
    div
    <span>span</span>
</div>
<span>span2</span>

本文由韦德国际1946英国发布于计算机网络,转载请注明出处:类选择符,Bootstrap中的字体图标

关键词: 伟德

上一篇:创建支持Apache

下一篇:没有了