67.尚硅谷_HTML&CSS基础_开班信息-标题.avi原创

接下来呢，我们来做一下我们这个开盘信息的这个练习啊，这个练习呢，我们先来干嘛呢？先来创建一个这个页面，新建一个R文件，来一个零七，我们叫做一个这个开班信息啊这么一个练习，那这个练习呢，做之前我们先来简单的看一下这个结构，那首先呢，我们来看它这个整体呢，实际上是一个什么呀。哎，一个大的块，大的块呢，这有一个这个里边这一个小的，实际上相当于是它一个标题，然后再往里边是不是又可以理解为这整个又是一块，诶又是一个我们这个具体的一个信息，所以整个这一个这个页面的话，我们整体一个结构可以这么分一下，首先呢，我们说最外边一个大的div，然后里边呢，我上边一个div用来设置这个标题，然后呢，底部一个div用来设置我们这个主要内容，那这样我们这个页面的结构是不是就就出来了，哎，那所以呢，我们先来把这个结构简单去写一下啊，首先呢，我们来创建这么一个div，点一个咱们就叫一个al，因为这是我们这个外层div啊，这里写个注释，这是来诶创建一个这个外层div来干嘛呢？来容纳我们这个，诶整个这个内容啊，整个这个内容，然后呢，在al里边，我们需要创建两个div，一个叫div，我来一个叫叫title吧，诶叫做一个title，这个呢是我们这个诶。

开班信息的一个，诶开头，诶开班信息的这个什么呀？诶头部诶头部啊头部，然后再往下，下边呢，我们再整一个，再整一个div来放置我们这个开班信息的一个主要内容啊开班信息的这个诶主要诶内容，主要内容呢，我们就来一个div，点一个con啊我们这个诶一个副标签里边我们套着两个子标签，整个一个结构就给它OK了，然后呢，这边我们来写一些样式啊，来一个这个style标签，我们先来干嘛呢？先来清除一下我们这个页面的一个默认样式，清除我们这个默认样式，直接来一个这个星号，然后我们来一个maring，来一个这个零，然后paing来一个零，诶这个默认样式我们给它清除掉，让它这个默认的paing，还有这个marin呢，都给它清除，然后呢，还有一件事是我们要干的，也就是说我们实际上我们说了，我们这个浏览器的默认字体大小是一个什么呀，是一个16像素，但是我们开发的时候一般不会以这个大小为。

诶基准啊，我们一般以什么为基准呢？一般我们都会以这个12个像素的一个字体为基准，所以这里边为了统一这个字体的一个基准，我们这块需要干嘛呢？需要统一一下我们这个页面中的一个这个诶字体，那我们怎么统一呢？实际上这个字体比较简单，我直接给谁啊，我直接给这个bodyy来设置一个字体，那我们说了bodyy是不是我们所有元素的所有元素一个组先元素啊，所以你给bodyy设置完了，自然而然的所有元素就直接继承了我们这个样式，那这里边我们就直接设置一下这个字体，直接来什么呢？来一个fo fo我直接来一个12个像素默认字体，我们来一个什么呢？来一个这个宋体。

诶当然最好呢，我们来把这个行高啊一块儿也给它指定好，那这样我们表示一个什么呀，12个像素，并且呢是一个一倍行高，然后字体是一个这个宋体，我们这块就算给它直定完了，这样我们所有元素这个字体呢，都是以这个12个像素为基准了，我们再设置起来呢，就好设置很多了啊把这个样式给它统一了，诶确保我们这个浏览器之间的一个统一来，现在呢，CTRL运行呢，我们这里边是什么也诶看不着的，因为我还没有往里边去填东一，好，那接下来我们来给它设置一个样式，首先呢，我们看这三个div，我们说了，Al是我们这个最外层的title，是我们里边那个上面这个content是下边那个主要内容，那我们先来干嘛呢？诶，我们先来看一下，实际上我们整个这个什么呀，最外头那个div，它是不是有一个固定的大小啊，诶所以这块呢，我们一上来先把这个大小给它干嘛呀，诶给它定下来，哎，把大小给它固定了啊，那我们来看看这个div我们设置多大多大合适啊，那这样我从这个div的这个左上角到右下角，我来量一下这个整个。

一个盒子一个大小，那选中我们这个矩形选择块工具，然后呢，从左上角一直拖啊，注意啊，这里边我现在多了一个像素，你可以再调整一下啊，这样确保它拖到这么一个准确啊，这东西慢慢来好，还是多了一个像素，那不管它了啊，已经知道多了一个，待会咱们再去调整啊，从我的左上角一直拖到我的这个右边，诶，它这有一个边框，给它放到这块，诶，我们来。Out诶滚轮放大一下看看，诶这个边缘基本上都是齐的啊，你看这个虚线跟这个边缘齐不齐，诶但是上边呢，明显它是什么呀，我这块是不是多了一个像素啊，诶当然这多了一个像素，我们来看看啊，现在呢，宽度是一个300，高是一个474，那多了一个像素我们已经知道了，所以咱们看可以直接给它干嘛呀，给它刨出去，我直接高度设置一个473是不是就OK了呀，但是现在咱们已经知道多出来了，也可以干嘛呀，也可以拿这个东西给它，诶咱们选中第三个啊第三个这块，然后干嘛呢？给它切一下诶它干嘛呀，它会把两个宽那个重合的部分给它切掉，然后我们来看一下我们的这个F8F8宽度是300，高度是一个473，那这里边呢，我们就可以来给它统一设置一下，在这儿来设置我们这个OUT呀，Al的一个这个，诶大小直接来一个点一个aler，我们来一个V，刚才我们看到了是一个300个像素，Hi，是一个473个像素，然后呢，为了看见它，我们来设置一个。

背景颜色井号一个BFV，然后我这块一刷新，诶这个大小我们这时候就定下来了，诶大小定下来了，但是这个位置呢，其实不是很好，我们在开发的时候其实不是特别方便我们去开发，所以这块呢，我们来干嘛呢？诶我希望让他把它居中一点，我们看的时候更方便一点，那怎么让它居中啊？诶我们用一个什么呀？诶设置它这个居中是不是用我们这个margin是不是就OK了呀，来设置我们这个al的一个居中效果，直接来一个这个margin margin来什么呢？来一个0PX，然后来一个凹，什么意思呀，上下零左右凹凸是不是居中了呀，然后一刷新是不过了，诶那我觉得呢，这个位置可能还有点偏，偏上，那我想让它干嘛呀，让它这个位置稍微的下来一点，那这块我改一个，改一后呢，改一个50个像素，然后再来看一刷新，诶这个位置是下来的，诶那这个位置呢，我们编辑起来稍微能看到。

方便一点啊，好看一点，好，那待会儿我们再去调整一下啊，诶那这里边我们来看，实际上现在我这给它指定了一个高度，那我们来说实上像我们这个东西最终用不用给他去指定高度，诶这个高度实际上我们是不用的，为什么不用呢？因为我们想想，我们现在这里边的信息实际上是一个这个开班信息，那既然是开班信息，这个信息就有可能多，有可能少吧，那现在如果我把这个高度固定了，就意味着当我这个信息过多的时候，是不是可能从我这个盒子里。一出啊，诶，那如果我说那开边信息比较少的时候，那有可能干嘛呀，上边有信息，下边是不是一片这个空白啊，诶，所以这里边都有可能出现这些情况，所以在写这个的时候，我们尽量干嘛呀，不要去给它固定这高度干嘛呢，而是让它的高度被它的这个子元素所撑开啊，所撑开，但是现在如果我们不给它指定高度，由于没有子元素高度是不是就丢失了呀，所以现在高度我们先写上，待会最后的时候呢，我们再把高度给它去掉啊，把它去掉好，接下来我们再来去往下写那整个的高度。

宽度定下来了，然后再来设置我们这个两个div，一个是我们这个title，还有一个是我们这个title，那我们来看看我们这个title，整个这个标题呢，我们来看需不需要给它设置一个高度，诶，首先我们先来看这个标题啊，标题我们一步步来，标题这栏呢，首先我们看到它最上边是不是有这么一个边框啊哎，最上边有个边框，所以呢，我们先来给它设置一个边框，来我们来看一下这边框，边框明显它是一个哦，它是一个两个像素的一个边框，对吧，这就不用量了，你一眼就看出两个格是不是就两个像素啊来，我们来取一下这个颜色，这个颜色直接取，取过来是一个019E8B这么颜色CTRLC，那我们先来干嘛呢？给我们这个title设置一个边框，设置我们这个，诶title的一个边框，直接来一个点一个title t点一个title，我们来一个这个borderer top borderer top我们来一什么呢？两个像素，然后是这个颜色，它是一个什么呀，实线的一个边框，然。

然后我这一保存一刷新走，你上边这个边框是不是出来了，诶是一个这么一个两个像素实现的边框，我们就给它设置上了，好边框有了，接下来往下接着设置边框有了，然后我们要看的就是实际上我们整个这个div，它是不是有一个这个高度啊，诶有一个高度，所以这块呢，我们先来把这个高度给它定下来，但是注意啊，这块你要量高的时候从哪开始量边框，刚才我们已经设置上了，我们说了边框会影响到我们整个一个可见框的一个大小，所以这时候再量的话，就不用再量边框了，量边框以下的位置一直到什么呀，我们这儿是不是有一个下边元素一个边框啊，诶，所以注意你要量到这个位，我们来看下高度啊，那注意了，下边这边框用不用量，下边这边框是谁的，我们说了下边是不是还有一个count整个那个div呢？这个边框应该是给谁呀，给那个div来设置的，所以这里边量的时候注意不要去计算这个边块了，好这一块我们量出来了，然后看一下F8高度啊，只用看高度宽度，不用看了，高度是一个36个像素宽度，为什么。

不用看呀，我们说了它这个宽度是不是占我们整个负元素的这个100%啊，诶所以这里边我们不用去管它这个宽度了啊，直接来一个高度，高度刚才一看是一个36个像素啊，36个像素，所以这里边我们来给它设置一个这个高度，来一个这个he he，我们叫一个36个像素啊，这块写一下，这个呢是设置一个这个上边块，这呢是设置一个我们这个盒子一个高度啊，设置我们这个盒子的这个高度，高度宽度，诶高度还有边框我们都设置完了，但是还看不出来，诶因为什么呀，因为我们这没有，还没有去写一些内容呢，那高度也定完了，那接下来我们来看看，实际上我们上边这个title，它是不是还有这么一个背景颜色呀，诶，所以这个背景颜色呢，最好我们也给它一块设置上，那我们设置背景颜色之前呢，我们先来看看这个颜色啊，我们来取一下这个颜色是一个F5F6F8这个颜色，但是注意啊，这个颜色你看我往下点。

诶，你发现什么问题了，这个颜色它是不是在看这啊，看它这块，这块是我取的颜色值，我取的时候这个颜色是不是在发生变化呀，诶为什么要发生变化呀，那就证明什么，证明我这个从上到下这个颜色是不是不太一样啊，哎，不太一样，所以上边这块呢，它实际上是一个什么呀，是有这么一个渐变的这么一个效果的啊，有这么一个渐变的一个效果的，但是咱们去设置渐变呢，咱们需要用一些CS3的样式，或者来设置一些这个背景图片，但是现在我们还没有设及到这个东西，所以现在呢，我们先不管它这个渐变的一个效果了，我直接就取这么一个颜色，就先让它干嘛了，像它一种颜色，我们先不去处理这个问题，等我们以后学了这个背景，学了这个CSCSS3的这个渐变，我们再去处理啊好，现在我们来设这个颜色，这里边直接来设置这么一个背景颜色，设置我们这个背景颜色直接来一个background，一个color，来一个井号是这个颜色F5F5F5，然后呢，我这一刷新走你诶这个背景颜色是不是出来了。

好，那现在呢，实际上我们整个上边这个标题我们就算给它写完了啊，标题给它写完了，那接下来我们一就是干嘛呢，把这个标题里边的内容给它完善一下啊，内容我们来看这个标题比较简单，标题里边呢是两个信息，一个是我们这个近期开班，一个是我们这个一个一六年面授开班计划，那近期开班呢，明显应该我们可以设置什么呀，设置一个这个小小标题，诶那我可以来什么呢？我可以来一个H1H2或者H3用哪个呢都行，但是这里边呢，其实我们要从看这个这个图片啊，这个图片它实际上是整个网页的什么呀一小部分，所以这个标题如果你给它设置一个大标题呢，实际上是不合适的，所以这里边最好不要用什么呀，不要用H1，但是可以采用什么呢？可以采用H2啊或者H三都行，那这里边儿呢，我们就采用一种什么呀，H3来处理这个问题，所以开班，近期开班，这我来给他设置一个title，来什么呢？来一个这个H3啊H3。

诶，H3呢，我们直接写一个这个近期开班啊，这块用这个H3H2都行啊，无所谓啊，无所谓，根据你的具体情况来确定啊，来确定保存这里边这个设置完了，然后再来看我这儿是不是还有一叫一个一六年面授开班计划呀，那我们来看这个东西是一个红色的，还有一条下划线，你看这个东西应该是个什么东西，诶这个呢，怎么说呢，实际上它是不是应该是一个。超链接呀，诶超链接，那既然是个超链接，那我们在它的下边还要写什么呀？写一个这么一个A标签，A标签来一个井号，井号里边写的是一吧，叫做一个一六年叫什么呢？面授开班计划啊，叫做一个一六年面授开班计划啊，字跟这个字是一样的就OK了啊好，这里边我们一保存，然后再看页面一刷新，诶这个字是不是整个就过来了，诶字整个就过来了，好字是过来了，但是我们要看的是跟我们这个页面还有哪些不同，首先来看最明显的它们的位置不同，在我们的这个网页里，这个位置它是什么呀？诶我这个H1靠上，而我这个超链接是不是靠下呀？而在我们这个图里应该是什么呀？H1是在左边，而超链接是不是应该在我这个整个页面的一个右侧呀，诶整个这个D的一个右侧，所以这里边我们要达到这个效果，我是不是应该用这个超链接。

上右边来呀，哎，应该让这个超链接上右边来，那我怎么让超链接上右边去，哎，其实最简单一个方式，我让这个超链接干嘛呢？向右浮动，它是不是就过去了，诶所以咱们来找到这个超链接，那这个title里边呢，只有一个这么一个超链接，那我这块啊，我就直接设置了，直接来一个点一个这个title title下边这个，诶我来什么呢？来一个这个float，来一个这个诶right让它向右浮动，那这一块是设置什么呢？设置我们这个title中的这个超链接，哎，Title中的这个哎超链接保存，现在我们来看效果一刷新。

是不是就过去了，但是过来是过来了，我们却又发现了一个问题，虽然确实是过来，但是我们发现他这块是不是明显比我们这个近期开班这它要低一些呀，诶为什么要低一些呀？我们之前讲浮动的时候，我们说过了，我们说了如果一个浮动的元素上边是一个什么呀，是一个跨元素，而这个元素又没有浮动的话，我们这个浮动元素它干嘛呀，它是不是不会去超过这块元素，它会在我们这个块元素的下边吧，诶下边，所以我们这个近期开杆是个H3，它并没有浮动，所以就导致我们这个A这个超链接是不是就上不去了，诶上不去了，那这个问题怎么办？其实方式有很多，第一个你不没浮动吗？我让你也浮动，是不是就没有这问题了呀？诶或者说我不想采用这个办法，我不想让它浮动，那怎么办呢？诶那我一想原因是什么呀，因为我们近期开班这个元素是不是在我们这个超链接的这个上边啊，诶那我一想干脆。

一不做二不休干嘛呢？我把这俩结构上啊掉一个，我摁着CTRL来摁着方向键下，我把干嘛呢？我把H3放到这个超链接的下边，现在H3还在不在A的上边了，不在了，不在它上边，也就说A上边还有没有快元素了，没有快元素了，没有矿元素，我们来看效果，这一刷新走你诶这个是不是就OK了呀？诶好啊，所以这块注意你设置的时候想着点啊把这个东西干嘛呀？诶你可以调整一下位置，或者也可以干嘛呢，也可以直接让这个H3向右向左浮动也可以啊也可以好，那这一块我们给它设置完了，那整个这个结构就定义出来了，然后再看，那实际上我们整个这个文字的话，诶，在我们这个页面里，它还有这么一个什么呀，是不是有这么一个居中的一个效果呀，诶，有一个这个居中的效果啊，它是一个什么呀，它是一个垂直居中的这么一个效果，所以这里边儿我们应该干嘛呀，应该让这两个文字是不是在我这个整个这个title里，是不是也是垂直居中啊，诶好，那问题就来了，那我怎么让这个A。

还有这个H3垂直居中的，诶，那我们说了，如我们说了文字是默认在行高里垂直居中啊，所以我如果想让文字垂直居中，我们已经做过这个东西了，直接让什么呀，让这个元素的行高和它负元素的高是不是一致就行了呀？诶那我们来看负元素是谁呀，负元素是不是就是我们这个title啊，Title的高是一个36，那我干脆干嘛呢？我来设置一下我们这个title的一个行高，设置我们这个title的这个行高，那我们来一个line line hat。来一个什么呢？来一个36个像素，那现在我们说了航高和复元素的高度是不是一致了呀，来这里边我这一刷新走你，诶现在是不是就垂直居中了，好，垂直居中这块完事儿了，那接下来我们再来看看还有哪需要处理垂直居中确实是居中了，但是我们来看现在我们这个近期开班实际上上它是紧紧的贴着我们这个title左侧，而我这个开班计划是不是紧紧贴着我们这个title的一个右侧呀，诶它贴的特别的紧，那我们来看这个实际上效果呢，我们来看近期开班它离我们这个整个一个title左侧是不是有这么一个距离啊，包括我们这个开班计划离这个右侧是不是也有这么一个距离啊？诶，所以这里边儿它并不是紧紧的贴到一起的，那我们要怎么来调整一下这个距离呢？

诶，那我们想想简单我可以干嘛呀，我可以给它指定一个左外边距，也可以在同时给它指定一个是不是右外边距啊，哎，但是呢，我们说这样指定比较麻烦，或者我可以怎么办？诶我想想我能不能给title指定一个左内边距，再指定一个右内边距，这样我们这个元素是不是就整个给它挤进来了，哎，整个给它挤进来了，诶我们来试一下啊，试一下那设置之前呢，我们先量一下这个内边距到底是多少啊，我们来大概量一下，但是注意啊，这种图呢，它的量呢是不会特别准确的，所以我们只能是估计一下啊，这个我们来看看它的一个宽度是一个16像素，也就是说左内边距我需要设置一个16，那再来看我们右边，右边呢，好像还大一点，少量了一个像素，这是一个21，加上这个一箱一个像素应该是22，也就是说左边是16，右边是一个22，那我们这块给它来设置一下，叫做一个这个拍定，诶上边呢没有右边。

这是一个22个像素，下边呢没有左边呢是一个什么呀？是一个16个像素啊，这个是我们这个内边距来设置我们这个title的一个这个内边距来保存，我们再看效果，这里边一刷新走你诶是不是往里挤了呀？诶往里挤了诶有同学可能有疑问了，诶老师啊。

咱们不是说设置拍定会影响我们这个整个盒子一个可见跨的大小吗？那你这儿怎么没有影响，那注意了，现在我们这个盒子我们说了我们影响可见宽的大小的时候，我们那种情况，我们是不是都给元素指定了一个宽度啊，而我们这个title头我有没有给它指定宽度没有，我这是不是指定了一个高度啊，所以你连宽度都没有指定，它的宽度默认是不是相对于相当于它负元素的全部啊，或者说我那个默认值实际上是什么呀？实际上是凹凸，也就是说它是自动设定的吧，那既然是自动设定的，你要注意了，当我们这个宽度是自动设定的时候，我去给它设置这些拍定，它会干嘛呀？它会自动去调整这个什么呀，调整这个宽度的大小来适应我们整个这个负元素，所以我们给它加了左右两个拍定，实际上它干嘛呢，它自动的调整了我们这个title的宽度，导致什么呀，诶确保我们这个title不。

会溢出我们这个负元素，哎，注意啊，它现在是不会撑开的，实际上如果你指定了宽度，我们设置拍镜它干嘛呀，它会往外挤，但是我们没有指定宽度，诶我们设置拍镜时候干嘛呀，它会整个往里去挤啊，注意这么一个特点啊，这样这种情况是不会改变我们这个可见宽的一个大小的，因为我没有设置这个宽度啊，没有设置宽度好，那这一块我们说完了，然后再来看整个位置呢，也差不多了，那再来看的问题就是我们这个文字的一个样式了，我们发现我们这块文字的样式和我们这个。页面里是不是还不太统一啊，诶，所以这里边我们来分别设置一下，我们先来设什么呢？先来设置我们这个超链接的文字，超链接的文字我明显看出来是不是是一个红色呀，诶红色，所以这里边我们干脆直接超链接，我们这来设置一个字体颜色，设置我们这个字帖颜色啊，直接来一个这个color，我们来一个什么呢？来一个red，保存这一刷新走，你是不是就变红了，哎，超链接设置一个红色，那大小呢，这一块实际上感觉整体来说和我们这个图里呢差不多，我们这大小应该是不是12个像素啊，诶我们来看看我们这个图里是多少根啊，图里简单量一下啊，这种量法肯定不准确，所以这里边只能做一个这个参考，从头到尾这个呢，诶，正好量到一个大概高度是一个这个12个像素，哎是吧，12个像素，那现在我们就可以把它这高度干嘛呀，当成这么一个12个像素啊，基本上它应该就是这么一个标准的这么一个大小，而我们这个A是不是正好也是12个像素啊，诶所以省事了，A的大小我们就不用去调整了。

那我们就不用去调整了，好，那接下来我们再看这一块完成了，接下来再看是不是还有我们这个标题啊，这个标题我们也需要去设置一下标题，我们来看看怎么设置标题呢？还是看看字体，这字体吧，跟我们这个好像还不太一样，那首先我们这个标题字体有一个是不是有一个加粗的效果呀，而我们这里边它。

是不是没有加粗啊，大小似乎是不是也不太一样啊，哎，所以我们来大概量一下这个字大小啊，这里边儿我们来量一下。这个大小呢，是一个14个像素啊，14个像素，那这个大小应该比我们这个实际像素要小一点，因为我们这块量的是这个字体的像素，而没量它那什么呀，它那个文字的框，所以我们先设设置一下，看看整体一个效果，诶差不多差不多，然后再看还有一个问题就是我们的这个。这个字体好像也不太对，这个应该是一个微软雅黑，因为你看它是一个这什么呀，它是一个非千年字体对吧，而我们设置是一个宋体，所以这个字体呢，应该也不是特别的对，所以这里边我们连大小连字体呢，一块儿修改，直接点title下边这个H3，我们来设置我们这个诶H3设置我们这个H3直接来一个什么呢？来一个这个fo，我们刚才量大小是一个14个像素没有加粗，不用管它了，然后是一个什么呀，是一个微软雅黑这个字体我这一保存，咱们一刷新走你诶是不是这个字体啊，但是这块设置完了，明显这个字体应该是有点。

有点小了啊，有点小了，但是我们在需要调整，但是字体小了不要紧，我们发现我设置完了整个字体是不是往上走了呀？诶不对呀，我这不已经指定行高了吗？为什么还往上走了呀？那你要注意了，我们说了你在设置字体大小字体的时候，我们用的是一个简写属性，我们说了简写属性你如果没有设置的话，像那些大小，像那些粗细呀，斜体呀，小型大写字母那些东西，你如果没写的话，它是不是都是采用默认值，所以你会发现加粗效果是不是没有了呀，但是你要注意的是，它除了这个后边是不是还可以跟着这么一个行高啊，诶跟着一个行高，那这行高我有没有写啊，没有写，没有写是不是意味着它也会采用一个默认值啊，那你一采用默认值，是不是把我们这负元素那个36像素就给。

就给覆盖掉了呀，那你一覆盖掉这还居中吗？哎，这就不居中了，所以这里边为了避免这个问题，我可以不用简写属性，那你如果用简写属性怎么办？你再来一个36个像素是不是就OK了，哎，还这再单独去设置一下，然后一刷新走，你这个位置是不是又回来了，哎，回来了啊，那这字体的大小呢，稍微的我看的是有点小，我们来调整一下这个字体，这个A的话我来。A好像感觉还有点儿大，我们来写来调整一下吧，我们先看看啊，把这个A我来放个size，它应该默认就是我们这个12，我们来设置一个12像素保存。一刷新走，你那A是不是没有变化，证明A默认就是12，所以这里边我们就不用再给它设置了，而我们这一块呢，字体是明显偏小了，我们来调整一下。来看怎么调啊，点开我们这个firebug，选中咱们这个字体啊，选中这个字体，我这个字体是一个H3，现在大小呢是一个14个像素，诶我直接选中这个大小，然后干嘛呢？摁着我这个键盘这个方向键上下来调整大小，往上呢越来越大，往下呢越来越小，诶我们这里边儿啊，由于这个设计图直接从网页里截的，所以这里边我们就是眼睛的直观的一个效果就OK了啊来放大放大。

诶，我看这个16，还有或者是这个17个像素是不是差不多呀？诶我们来对比一下，现在是一个16像素，CTRL1给它放到100%，我们来大概参考一下，诶这个。16应该是一个合适大小，所以这里边我们设置14明显有点小了，这改一个改成什么呢？十六一保存这一刷新走，你这个字体是不是就OK了呀？诶好，那整个我们这个title上边这个部分我们就给它处理完了啊，上边这个部分我们就给它处理完了，好，那这。