更改.css文件代码来改变页面样式

.css的代码虽然看着像是一坨一坨的,但是通过规范的命名我们就能快速定位到我们要二次开发改动的地方。

.css控制整个网页的布局是:

css控制网页样式示例图

我们要通过.css文件更改网页样式的之前,需要查看网页的源代码,找到我们要改动的地方是处于那个命名之下的代码。我们要改header的话,就在body部分找关键字div,然后确定<div id=”header”>,这就说明在style.css文件中我们要更改的是header规范命名之下的代码。然后找到我们要更改的下级关键字,进行代码更改。

举个例子:

在我更改picmemo的主题的时候,想要将主题的hearder部分改成白色。图

before

我找到主题的style.css文件,然后寻找#header的规范命名,然后在

style.css文件截图

第七行发现background-color:

我们将后边的#XXX删除掉,换成white,这样之后我们的header就变成了白色,如下图。

after