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