Modifying a blog template with CSS code

In the change settings to the bulletin board to update the avatar to the new avatar found inside there is also a "page custom CSS Code" This option, checked the discovery of this thing can make some personalized adjustments to the page. Right now I use this template title and navigation bar font is really ugly, I modified a bit.

Because I did not understand the CSS in this respect, so I can only even a mask to guess. First of all, this CSS code estimate is to set some parameters of the value, should be similar to the. ini file form. Look at some of the other people write some simple code, probably understand the format, the same as expected. The next step is to find the template's own CSS code, otherwise how do I know who to modify? At first I was directly from the browser to view the Web page source code, the results of open things completely puzzled, gave up this attempt to use another form, the name is not up, that is, 360 browser press F12 after the thing came out. Roughly turned over, to find such a thing, look at its style of writing is estimated to be the template settings:

Because I want to change the font, it is definitely in here to search font family, find a few places, try to know who the corresponding who. Then write it to your liking and copy it to the custom box.

That's what I wrote:

. Cnblogs_code Pre{font-family:Courier new!important;font-size:16px!important;Word-wrap:Break-word;White-space:Pre-wrap;}. Cnblogs_code span{font-family:Courier new!important;font-size:16px!important;Line-height:1.5!important;}Body{Color:#000;background:#eee;font-family:Microsoft yahei!important;font-size:10pt;Min-height:101%;}#header H1{Font-weight:Normal;font-size:30px;Line-height:1;}#header H1 a{font-family:"Microsoft Yahei";}#header H1 A:hover{Color:#F60;text-decoration:None;}#blogTitle H2{Font-weight:Normal;font-size:18px;Color:#000000;Line-height:1.5em;Margin-top:10px;Margin-left:30px;width:50%;Margin-left:10em;float: Left;}

View Code

The modified content is as follows:

The default code font size;

Font type and size of the headline, and remove bold;

Subtitle of the font type and size, and set the color to black;

The type and size of the page font;

Modifying a blog template with CSS code