CSS设置全局字体

html-css023

CSS设置全局字体,第1张

1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS,我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式,那么我们可以使用font-family。

7、如果我们需要给字体加粗,那么我们可以使用font-weight。

8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。

编写一个网页的css需要注意设置的全局样式,一般来的有元素之间的间隔,如margin、padding,还有ul,li的一些默认样式,编号的样式都是去掉,然后还有a标签的下划线等等属性,都需要去掉的,还有一些字体大小,颜色等等也需要设置的,这里我用代码写下:

*{margin:0padding:0}

a{color:#333text-decoration: none}

ul,li{ list-style-type:none}

body{font-size:12pxcolor:f00}

一般需要设置的全局属性也就这些。

如何配置自行百度

1.scss文件定义变量

2.js中更改$textColor 变量的值

都是获取DOM

通过DOM分别修改当前DOM样式属性值、

当前DOM整体css样式、

修改当前DOM的className类名、

将link引入的标签作为DOM 修改link的href,从而修改引用的样式表。

详情转自: https://blog.csdn.net/wx13227855087/article/details/81391787