00:00
现在我们基本已经把我们CSS语法给大家讲解完毕,那我有同学就想迫不及待的说,老师还有没有一些其他的CSS样式呢?哎,当然是有的,最简单的莫过于我们这些文字文本类的样式了,比如说文字的大小呀,颜色呀,粗细呀等等的,那接下来的时间,哎,我们就来学习一下这一部分,同样道理呢,我们带着我们的目标去学习,因为理论我们基本已经讲解完毕,我们就直接去学一下它的应用就行了,那第一个你要去学会一些常见的字体样式,比如说。你的字号多大呀?哎,你用什么字体呀?第二个你想修改一下它的外观,它什么颜色呀,哎,它每一行的高度是多少呀,这一些把这些常见的这个代码要我们要去写出来,再有一个呢,来使用我们快捷操作一些按it语法,以及我们出了错,怎么去用我们的工具去帮他们调试出来,好的,带着这个目标我们去学习,那先看我们第一个叫做放,就是字体有哪些样式,那所谓的字体呢,大概呢,我们学这么四个,其中第一个房子冈size叫字号大小,房子冈family,你用哪一种字体,再有一个房子冈weight字体是否粗细,还有front style字体风格,比如说它要不要倾斜,最后呢,我们来一个综合就好了,那我们先看第一个最简单的叫front gun size叫字号大小呀,这个我们前面已经用了好多好多了,所以咱们简单一过就可以了,那我们知道字号大小方杠size咱们前面写了很多,哎,多少。
01:37
他少,这后面又跟了一个单位,是不是叫PX啊,就是我们说的像素,当然有同学会问老师它道它只有像素吗?哎,那当然不是了,它还有许许多多其他的单位,整体来说是有两个大的单位,第一个叫相对的,第二个叫绝对的,那相对的里面又有em和PX,那绝对的里面又有阴影CMMM和PT,哇,老师好多呀,哎,但是呢,我简单跟你说一句话就OK了,我们以后注意我们以后的文字大小,基本就用PX了,其他单位我们很少去使用,那也就是说单位虽然很多,那我们只会用其中的某一个,对吧?哎,好酒虽多,但是不要贪杯哦,那么虽然单位有很多,我们只用PX,基本只有这一个,所以说其他单位呢,你知道有这个就行了,不用去深入去研究这个em呢,哎,后面我会专门的再给你去介绍好了,那么我呢,在这里面呢,先写好了一个页面。
02:35
在编音器里面,那我做好了一个叫粉红色的回忆,哎,下面是这个歌词,哎,因为我们经常喜欢的运用色是pink色,所以我们要动不动的就回忆一下我们的粉红色啊,然后我右键在浏览器中打开哦,就可以看到我们这个页面了,喏,是不是已经存在了,那我们想要把整个页面更更改一下文字大小对不对,那我们会发现它页面是有一个默认的大小呀,哎,在这里面就有了,打开看一看,在我们谷歌浏览器里面,默认的文字大小是16PX就是16像素,当然了,除了谷歌之外,还有火狐,他们默认的都是16哈,所以你第一次看到的哦,这个大小就是16像素了,但是呢,在不同的浏览器里面,可能默认显示的字号大小是不一致的,所以我们尽量直接给他一个大小,不要有默认大小,因为有的浏览器可能默认的是18像素,甚至呢是二像素各不相同,那怎么办呢?哎,我们一般情况下啊,一般给我们的body指定,哎整。
03:36
个页面文字的大小,好,大小也就说什么意思呢?不要采取它默认的大小,我们一般上来呢啊,实际工作中我们都会这么写,先写一个body,那我们知道我们所有内容是不是都放到了body标签之中啊,对吧?那么body可以说是整个页面里面这个是不是最大的一个标签了,除了A板之外啊,那我们就可以给我们整个body指定一个fo-size哎,就是多大呢,16PX就OK了。
04:06
哎,当然你说,哎老师你这不多此一举吗?它默认不就16吗?哎,刚才我是不是已经强调过了,不同浏览器它默认大小是不一样的,如果你写了这句话,那所有的浏览器都是通通把它统一改成了16号,这样不就一样大了吗?这是我们的第一句话,也就整个页面呢,我们喜欢给body先给定一个16像素就行了,那按道理粉红色的回忆,这是不是这首歌词的题目呀,它应该更大一些才对,对不对,那我们就这样子,那给它我们前面是不是用的我讲过我们的类型器了,叫title,可不可以叫title了啊,它是小标题的意思,那我就写点上面,点定义下面class来调用,那么front-size那改成多少呢?20PX就可以了,改完毕之后呢,我们刷新一遍走,那你会发现它比别人就大四像素,这时我们说了字号好,最后呢,简单我们总结一下啊呃,虽然单位有很多,我们最常用的就是PX了,大家重点记住这个像素就OK了。再有一个呢,可。
05:07
可能浏览器呀,不同浏览器默认的文字大小不一样,那怎么办呢?哎,实际开发中我们经常上来就会先写一句话给我们body,哎,内容区域来说,最大的标签叫body,那首先给它指定一个为字大小可能是16,也可能是14,根据我们实际开发需要就行了,但是这句话是不是一定要写的,这句话的目的是为了什么?是不是就是让各个浏览器都统一指定16像素,就防止它们显示大小不一样了,这个就是我们说的字体大小。
我来说两句