Invincible Bo PI Qian Kun big color-Article: style description

Invincible Bo PI Qian Kun big color-Previous Article: Usage
Invincible Bo PI Qian Kun big color-Article: style description
Invincible Bo PI Qian Kun big color-next article: script explanation
Invincible Bo PI Qian Kun big color-support: Subsequent Updates <Check for updates or raise questions here

Bored during the holidays, I went to a friend's house and found that my blog couldn't read the 24-inch display in their house. A line of words was too long. After reading a line and turning it back, I often couldn't find the line to look, as a result, we cannot use the full screen, and we have to shrink the window manually. I always knew this was a problem, but I thought the problem was not very big and I was not able to experience it myself. It seems that Yu Shiwei is right: what I think is, it must be wrong.

There is another thing that I always "Thought". I thought everyone was used to the small and exquisite 12 PX font. Although I knew I should take care of "some people", I still thought, or they can overcome it by themselves, so it's still 12 PX. Of course, I'm wrong again, because I found myself becoming a member of "some people"-the 12 PX font looked very hard, and the higher the Resolution, the more I needed 14 PX or even larger words.

Now we have the layout: Page width of 960px & content width of AMP 686px + 14px font.

What you write to others should let others focus on the content, rather than looking at the screen with great effort. When a line of text is very long, you have to look back at the line after reading the line. Many times you have to think back to what the last line is when you see the second line, searching for new rows takes too much time and interrupts our thinking, so that we cannot use the temporary area of the brain or the focus of our eyes to clearly understand the current state.

"Text" is a very important thing. text is a shape formed by a large piece of text. When we read a piece of text, we don't actually focus on a word or word, but on this piece. This is even more important when we need to receive more and more information. A long line is obviously not a good "text", especially when the word is still relatively small.

Technology is really terrible. Some of my habits are still in the 800*600 era, and now everyone's monitors are so BT ~~~~ In the width above, I have abandoned the 800 Width limit. I have done more than 700 for a long time. It is time to change it to 900 +. The resolution is getting higher and higher, not only because the screen is large, but also because the screen can be more delicate to express, and the result is a 12px word, which can be clearly displayed and distinguished, but it is not suitable for reading large sections.

So I finally made up my mind to increase the content of the subject to 14px, because I hope others can read myArticleAnd some links, Extended text, and so on, still keep 12px. These things are not very important. People who want to see it will naturally see that people who don't want to see it do not matter, and because most of these words are very short, A few words.

Styles are relatively simple, and images are not used. They are all implemented in different colors. Although I am not a blind person, I am not very sensitive to the color, so it is hard to see what it is, just make a look, you can modify it yourself :), you can download a style file from the link provided in the previous article, or directly reference the file I provided, I will not delete, move, or rename these files (I am not responsible for moving the system itself (h )). This article was published with a total of seven style files, that is, seven different styles are supported, and may be added later.

The style is very simple. I didn't use a lot of skills or hack, or even an important. I don't need to talk nonsense. You can check it out on your own, leave a message below if you do not understand it. I will try my best to answer it.

It is worth noting that many colors are reused in each file, which only adapts to the layout I made. If you want to make your own layout, some of the statements may have to be split up, and the task volume is relatively large. Different styles basically modify the color and do not make too many changes to the style, because it is best to keep the elements of the page unchanged when the style is switched, changing the layout and element movement is obviously not a good experience. For example, if an article is half-seen, you may not be able to find a new layout, or after the change, you have to find the links you just clicked.

In addition, the last two sections in the CSS file are used in the document. You can add frequently-used style definitions here, which is relatively convenient. In the last section, I am very sorry to use my name to prevent conflicts with the settings of the blog garden itself. This part is used to define the style of the switching area, if you do not retain the switchover function, you do not need to delete this part.