Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you how to change the screen design and style when CSS printing, the content is detailed, the logic is clear, I believe most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

Index.html

Menu 1

Menu 2

Menu 3

Menu 4

Menu 5

Menu 6

Inscription

Content

Peach blossoms outside the bamboo are falling one after another. Qing dances in neon clothes and you play music. High mountains and flowing waters, rippling faintly around the fingertips. Hold a flat boat, in the river of years, the interpretation of a non-discrete Sheng song, good …... -- inscription

Remember once, you attack a white dress, from the flowers on the path, peach blossom burning, startled me a curtain of quiet dreams. Since then, poetry, misty rain peach blossoms, have lost their color, only the figure of Jun, a trace of attack on the heart sea.

The first paragraph

Content

No longer sigh if there is love in the sky, no longer look forward to three inches of heaven. Just because this plain and clean world of mortals has your company, Acacia has aroused boundless hope. Love to the depths of no resentment, do not want to share the prosperity of the world with you, only wish, fleeting tonight, see Yunjuan Yunshu, flowers bloom and fall.

I was surprised to meet you for the first time. When you came, the flowers bloomed, and the numerous petals brightened my eyes. Even though the east wind is evil, the human feelings are thin, and the fireworks are unbearable to cut.

The second paragraph

Content

Still willing to taste the endless bitterness of Acacia for you. Perhaps, I am the white fox you let go thousands of years ago, this life, only for you drunk, only for you dance. You know, the snowflakes falling in the sky is how much I miss you. That day, you said. The world is lonely, can not forget the distant dream. Mountain journey, water journey, you left this lovesickness that made me go back a thousand times.

The annual autumn wind is approaching and the wind is blowing. At this time, the peony beside the bridge is red, and the pear blossoms are in full bloom. Familiar place, strange atmosphere, but no sign of you. Don't you see every day, even if the flowers are gorgeous.

Screen.css

.MenuFrame {

Width:200px

Float:left

Background-color:#fff8aa

Color:#ff6a00;}

.ContentsFrame {

Float:left

Width:600px

Background-color:#ededed

Color:#535353

}

.ClearLeft {

Clear:left

}

Print.css

.MenuFrame {

Display:none

}

.ContentsFrame {

Width:100%

}

.ClearLeft {

Clear:left

}

Description:

Apply style.css 's stylesheet when displayed normally in a Web browser. When printing, apply print.css with media= "print". In print.css, the MenuFrame on the left is hidden and it becomes a level 1 display. In addition, the width of the ContentsFrame is assumed to be 100% and will be laid out according to the width of the paper. In addition, by making the character's color ambiguous, we set it to the white background of the black letters.

These are all the contents of the article "how to change the screen design and style when printing CSS". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.