bootstrap学习1-- 全局CSS之 h1 -h6标签的使用

最新推荐文章于 2022-12-06 22:26:42 发布
最新推荐文章于 2022-12-06 22:26:42 发布
阅读量1.9k 收藏
点赞数
分类专栏： HTML bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bbaibb1009/article/details/67631927
版权

h1 - h6 标签 

<h1></h1> -- <h6></h6> 标签均可用，   <small></small> 副标题的作用只能在h1-h6标签中使用。


.h1 - .h6 

span等其他dom 也可以指定.h1-.h6 类型。 small 副标题 不起作用 div 是不是起作用 未知。



黄巧克力
关注
专栏目录
BootStrap常用组件（全局CSS样式）
m0_46420078的博客
01-28 984
一、全局CSS样式——概述 1、布局容器 Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意，由于 padding 等属性的原因，这两种容器类不能互相嵌套。 container类 用于固定宽度ving支持响应式布局的容器 container-fluid类 用于100%宽度，占据全部视口（viewport）的容器 ...
Bootstrap 全局CSS 样式：标签及相关类的使用
WangMin@汪末末
08-29 704
作者: WangMin 格言: 努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 ???? WangMin 标题 HTML标签中的所有标题标签h1-h6都可以使用，同时bootstrap还提供了.h1到.h6，它们的字体大小和标签h1-h6的字体大小一致，为的是给内联（inline）属性的文本应用到标题的样式。 <h1>bootstrap</h1> <div class="h1">bootstrap</div> 在标题内还可以包含 <smal
css中h1~h6是多少像素 Font-size:100% 默认的大小
fxs12138的博客
08-03 1万+
一般的浏览器默认字体是14px的大小,但是个别浏览器是16px。 经过亲自测试得出: 浏览器默认为body:100%=16px; 浏览器计算得出 h1=32px h2=24px h3=18.72px h4=16px p=16px h5=13.28px h6=12px ...
html中h1-h6标签对搜索引擎seo的影响
zerofine的专栏
05-28 7065
一、H标签是什么？ H标签也叫做Heading标签，在HTML语言里一共有六种大小的heading标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签、、到定义标题头的七个不同文字大小的tags，本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。 W3C指出h1-h7标签可定义标题，h1定义最大的标题，h6定义最小的标题。h标签是
CSS第一课------基础选择器
qq_46344220的博客
07-16 374
选择器 选择器的作用：找到特定的HTML页面元素。 选择器分为基础选择器和复合选择器。 一、标签选择器 标签选择器就是用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 语法： 标签名{属性1：属性值1； 属性2：属性值2；属性3：属性值3；} 作用：可以把某一类标签全部选择出来。 优点：能快速为页面中同类型标签统一样式。 缺点：不能设计差异化样式。 例： <!DOCTYPE html> <html lang="en"> <head>
css设置h1属性,CSS设置文本属性
weixin_34065550的博客
08-03 2486
本文属性词汇文本字体 font-family文本大小 font-size文本粗细 font-weight文本风格 font-style文本字体使用示例指定字体系列boby {font-family:Verdana,Geneva,Arial,sans-serif；}指定在线字体@font-face {font-family："Emblema One";src:url("#"),url("#")；}h...
CSS基础（一）day3
laodaer的博客
12-06 799
CSS(Cascading Style Sheets的缩写)CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等。而且还可以针对不同的浏览器设置不同的样式。、使用CSS时，需要了解CSS样式规则，具体格式如下： CSS规则主要由两个主要部分构成：选择器，以及一条或多条声明。 一般都由
Bootstrap全局CSS样式及代码展示
haibianxiatain的博客
04-30 1118
Bootstrap讲全局font-size设置为14px,line-height设置为20px，段落的行高设置为10px，颜色设置为#333。我们可以通过在页面按F12查看body的样式 <div class="container"> <p>人生</p> <p class="lead">从csdn开始</p> <p>走向人生巅峰</p> </div> 1.2标题 在
Bootstrap - Jake Spurlock
最新发布
06-25
Bootstrap提供了从`<h1>`到`<h6>`的标题样式，每个级别的标题都有相应的大小和颜色定义。 **2.3 主体文本** `<p class="lead">`类用于突出显示页面中的关键段落，通常比普通段落更大更粗。 **2.4 强调文字** ...
Bootstrap_02_全局CSS之排版、代码、表格
m0_60837612的博客
05-03 1043
Bootstrap_02_全局CSS之排版、代码、表格
CSS-常用选择器
MondayCui的博客
09-13 167
元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>常用选择器</title> <style> /* 将所有的段落设置为红色（字体） 元素选择器 作用：根据标签名来选中指定的元素
Bootstrap 排版h1~h6标题
歪脖先生的博客
03-05 1993
标题HTML中定义的所有标题标签，从 &lt;h1&gt; 到 &lt;h6&gt;，在Bootstrap中都是可用的。并且，Bootstrap 还为它们定义了样式，&lt;h1&gt; 是 36px高，&lt;h6&gt; 是 12px 高。效果如图 3‑1所示：图3-1 标题样式...
css中h1的基础写法
热门推荐
lllljz的专栏
11-20 1万+
下面是一个例子，在这个简单的样式规则中包含选择符、属性和值。 h1 { font:36pt Courier; } 在这行代码中，h1是选择符，font是样式属性，而36pt Courier是值。选择符很重要，因为它意味着该字体设置将应用网页中所有h1元素。但你可能想挑出一些h1元素，这时该怎么办？答案是使用样式类。 假设要在文档中使用两种不同的标签。可以在样式表中添加下列CSS代码，为每种标
bootstrap h1~h6标题的使用
chenfujian87的专栏
12-08 1485
1 h1~h6标题的具体运用非常简单，和我们平时运用是一样的，使用&lt;h1&gt;~&lt;h6&gt;标签，分别表示标题一至标题六，h 后面的数字越大，表示级别越小，文本也越小在Bootstrap中为了让非标题元素和标题使用相同的样式，还特意定义了.h1~.h6六个类名&lt;!doctype html&gt;&lt;html&gt;&lt;meta charset = "utf-8"&...
bootstrap的Hello World
weixin_34122604的博客
02-14 280
<!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"...
html h1标签字体颜色css,你可能不知道的h1标签美化技巧
weixin_39524147的博客
06-17 4931
一看这个标题，相信大家会有这样一种感觉：美化h1标签不就是改变标题文本字体、字号或者颜色吗，还需要什么技巧?其实技巧还是有的，下面小编就为大家简单介绍一下。美化h1标签可不仅仅局限于改变文本的字体、字号或者颜色喔！基于界面风格的原因，有人想到了另一种美化方式，就是把标题性的文字做成图片。如:把文字做成图片，这个方法好像不错喔，挺特别的！但这样做有一个弊端，就是在切割页面的时候就直接用上了图片，因此...
Bootstrap-全局样式的文本颜色和背景颜色
Smile__1的博客
12-05 2123
Bootstrap-全局样式的文本颜色和背景颜色 .text-五种颜色 文本颜色 .text-info文本浅蓝颜色-提示 .text-warning文本黄色-警告颜色 .text-success文本绿色-成功颜色 .text-primary文本深蓝色-警告颜色 .bg-五中颜色 背景颜色 .bg-warning文本红色背景 .bg-success文本绿色背景 .bg-info文本浅蓝色...
bootstrap教程（一）———bootstrap标题（一）
avr35764的博客
07-18 241
本文为H5EDU机构官方的HTML5培训教程bootstrap教程(一)。我们首先要下载bootstrap的框架文件，放到我们的项目目录当中。然后将bootstrap框架当中的bootstrap.css文件引入到项目当中。之后我们可以看，在bootstrap当中的标题与我们没用使用框架的文件是有不同之处的。最明显的是文字变细。 <link rel="stylesheet" h...
BootStrap CSS全局与表格样式详解
- **标题样式**：Bootstrap 提供了 `<h1>` 到 `<h6>` 的标题标签，同时提供了对应的类 `.h1` 到 `.h6`，可以应用于任何元素，以保持一致的视觉样式。这些样式确保了在不同浏览器间的兼容性。 - **行内文本样式** ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值