经过前面的文章,相信大家已经基本了解了前端最基本的一些规则了:
- html搭建结构,承载内容
- css则可以利用选择器,来为相应的html标签设置样式
前面提到过的样式有最基础的盒模型相关属性:边框(border)以及 背景(background),有了这两个家伙之后我们基本上就能清楚的看到一个盒子的相貌了,那么现在我们就可以往里面添加一些内容了。
最基础的内容当然是文字,当我们把文字放进标签里面之后则可以来探讨一下该如何去设置文字的样式了:颜色,大小等等。
文字的设置大体可以分为这两个个方面
- 文字样式:大小,字体,粗细等
- 文本样式,所谓文本其实就是很多文字,当涉及的文字比较多的时候,我们又可以设置他们的颜色,对齐方式,修饰等
首先文字样式,涉及到的属性有这些
font-weight
文字粗细 font-weight
应该还是比较好理解的,上学的时候考试要求用0.5的中性笔,这里面的这个0.5基本就能确定文字写出来之后的粗细程度。而我更喜欢圆珠笔,尤其是0.28的圆珠笔,写出来的文字就会比较纤细,会显得比较好看。而在页面中,文字的粗细我们可能不是很敏感,不过对比一下就能看出来区别了
当然这是在我电脑上的显示效果,在大家的电脑上可能效果有些微的区别,不