html如何利用CSS设置字体样式
现在的html页面,将页面结构与页面样式分开来,这样做可以使结构清晰,样式明确,同时因为样式分开于结构,样式可以实现多次调用。
操作方法
- 01
我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。
- 02
在头部调用CSS文件样式。
- 03
对于CSS,我们最常用的是通过class或是标签名来控制样式。
- 04
我们控制字体样式使用的font
- 05
比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。
- 06
如果我们需要设置字体样式,那么我们可以使用font-family
- 07
如果我们需要给字体加粗,那么我们可以使用font-weight。
- 08
在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对其方式。
- 09
而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。
- 10
如果您定义的容器比文字的宽度小,那么您可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。
- 11
font-style可以设置字体的样式
赞 (0)