00:00
我们再讲解一个字体粗细,那它的单词呢,是frontgu wh wh翻译过来是不是就是重量的意思啊,哎,多重多粗的,那用它来表示粗细好了,那我们想打开我们这个页面,你会发现粉红色的回忆,按道理是不是应该是稍微的加粗一点点的,那我们想让这个字加粗有两种方式,那第一种我们前面学过的,我们可以用标签来实现,比如说B和strong是不是就加粗的,甚至我这儿可以放一个H,是不是标题都可以啊,这是前面用标签来做的,那第二种方式我们可以用CSS来做,CSS也能实现这种加粗的效果,但是呢,CSS是没有语义的,而且呢,CSS还可以实现让加粗的变成不加粗的,哎,这个呢,他都能来做好了,那只是提供大家两种思路而已,具体的我们后面实际情况,有的时候用标签,有的时候用CSS,后面咱们学了就清楚了,在这里面首先每个同学要把这个单词它的写法以及值记住。那它有哪。
01:00
比值呢,哎,在这里面首先我们要学会去教给大家去查一个手册,但我今天给大家素材里面,里面有一个叫做CSS2.0的中文手册,以后呢,我们如果忘了怎么写的话,可以查一下手册啊,双击打开手册之后呢,我们会发现这里面有这么几个,有一组叫属性的,那属性就是我们要接下来介绍的,你单击一下属性,点击这个加号展开,里面有一个叫做字体的,再展开,你看有没有我们要讲的这个front gun wait,是不是就是字体的粗细,你可以双击可以打开能可以打开它,如果你比较熟悉的话,可以点击第二个有个叫做搜索,你在里面输入我们要这个单词,也可以front gun wait,然后点列出主题或者敲回车,一点击能是不是也有found gun wait,再双击也能打开这个页面,好打开完毕之后呢,我们来看它里面呢,有这么多的属性,其中第一个有一个叫做normal。啊,每式发音叫做normal,哎,都一样啊,Normal刚翻译过来就是正常的,你这个人是不是正常的人啊,哎,是正常的字体,还有一个叫做BB呢就是加粗的,还有一个borderder和light borderder比borderder的更粗一点,Light呢比borderder呢更细一点,但是这两个呢,我们几乎不用啊,你就相当于涂掉它啊,我们不看就行了。还有一个呢,用的比较多的叫number,就你干脆给一个值,那值呢,它的取值是100到900,必须是整数,能懂吗?要么是100,要么是200,要么是800,要么是900,中间这个整数的啊,整百的OK,好了,那我快点给他写一下,大家体会体会,就比如说刚才我们说的到编辑器里面来,我想要这个标题稍微的粗那么一丢丢,哎,那写的方法呢,很简单,只需要找到这里面来啊。
02:40
OK,我先给大家讲一下我们的注释啊,呃,这个呢叫做呃,字体大小在我们CSS里面也有注释啊,后面我会介绍,我先用一下啊,字体大小CTRL加上反斜杠跟我们H码的快捷键是一模一样的,它的写法呢是反斜杠新新反斜杠结束,中间写我们要的内容就行了,大家先用是吧?用啊,因为没什么可以多讲的地方,后面我再解释啊,这是字体大小。
03:06
第二个呢是设置字体,哎,OK,我再注释起来,那第三个就是我要给大家讲解的什么呀,叫做字体加粗,OK,那字体加粗怎么写呢?我们只要这么写就行了,放杠weight叫做字体粗细的意思,首先第一个B,这就是叫做字体加粗了,好改完毕之后我刷新看效果啊,好走一个怎么样,是不是字就会变粗了,特别像我们的标题。哎,它呢,就类似于我们的be啊,Strong加了一个标签一样,那我说了是两种方式,哪一种方式都可以,样式也能够加粗,你学会这个单词就行了,好,这是B着的,那在这里面的话,除了这个之外呢,还有一个你看啊,因为那几个不太常用的,你看我就把我们最常用的给你标出来,重点记我写的这两个就行了。第一个呢,就是报的,就是加粗的,还有一个呢,就是一到900的,你需要记住700等同于报的,什么意思呢?也就是说是你可以写报的,也可以写一个700,哎,这在这里你稍微注意啊,除了我可以这么写之外,我还可以这么写,注释起来就不执行了,把它改成一个叫做700的,哎,你发现一个问题啊,我这个数字后面是不是没有跟单位啊,记住啊,这你也要记住这个700。
04:18
哎,一定。不要跟单位,不要跟单位,这就注意了吗?哎,我们它后面就是空的啊,就是700的意思,改完之后呢,我们刷新效果看一看走是不是没有任何的变化呀,那也就明白了,那你写报的也行,你写700也行,它们是等价的,那700就什么呀,等价于我们的boardd,哎,我问你,你喜欢用哪一个来写,有同学肯定愿意用数字,它好记吗?哎,在实际开发里面,我们也提倡大家都用数字来表示加粗和不加粗,用数字来写它解析会更好一些,好吧。好,这是我们让自己加粗的,那不加粗呢,它也能实现,那你比如说我们到这个地方来啊,呃,我们这儿呢,我再有一个标题,那标题或者毕业strong,它默认的是不是就会有一种加速效果呀,哎,那你比如说这首歌是谁唱的呀,是谁唱的呀。
05:11
韩宝仪,OK,那么他唱的保存完毕之后,我们刷新一下走,我们发现,诶这个是不是太粗了,这个标题太粗,我们很少能见这么粗的粗体。也就说H呢,它太粗了,我想让它不加粗,那也能过来做,那写法非常简单,那我就这么来写下了,H1给它选择器选出来,然后呢,我们怎么办呢?让加粗的不加粗,不加粗是不是让粗体不加粗啊是吧?让粗体不加粗,那么也可以来写,写法呢,还是这个样子的,就是front-WH多少呢,改成一个normal normal OK,这个呢,可以让粗体的不加粗了,改完之后你再来看看它还那么粗吗?到我浏览器里面,我刷新走,你发现是不是细了好多呀,就不再那么粗了,这是我们说了让粗体不加粗的银行代码,同样道理呢,有一个数字可以跟它一样的,来我再给您。
06:05
注释掉,那我还可以这么写啊。把normal改成多少呢?400看好吗?写完B之后呢,我们再CR加一保存,诶是不是效果没有变呢?也就是说我让粗体的不加粗,那我可以除了用normal之外,还可以用我们的400,那400等价于我们的什么呀,Normal。那我问你,你喜欢用哪一个,是不是还是喜欢用数字啊,记住啊,好,这就是我们说了它的两种方式,那么在这里面我简单再总结一下,我们这个字体粗细有两种方法可以实现加粗,那除了用标签之外,还可以用CSS来做,那在我们方子刚里面呢,重点大家记住这个就行了,第一个normal就是不加粗的,爆了次加粗的还有一个400等同于 normal700等同于爆的,这我们重点把这句话记住,但是我们实际中最常用最喜欢用的还是用数字来表示,就比如说我们想要字体加粗,你就改成700就行了,如果字体不加粗,Front gun feet改成400,好,这个呢是我们给大家讲的字体粗细的样式说明。
我来说两句