How to use CSS to modify webpages

  
Every website has its own style. If you like the content of a website but don't like the style of the website, what should I do? The following system home tells you how to modify a web page with a CSS style file to make the website look like you want it. Adding CSS Management to Your Browser To better use and manage CSS, both Google and Firefox require an extension called Stylish. Take the Firefox browser as an example. First click the “Additional Components” command in the “Tools” menu. In the pop-up window, select the “Add Add-ons” item in the list on the left, and then in the upper left corner of the window. Enter the keyword <;Stylish& rdquo; search, click on the extension after the search and click "Install" & rdquo;. After the installation is complete, click “restart now” to complete the confirmation of the extension by the browser. Practical combat 1: Enable night mode browsing Every day, working long hours on the computer, you will feel dry and uncomfortable. In fact, we can use the CSS style file to adjust the content of the web page and change the background of the web page too bright. First log in to http://userstyles.org and enter the keyword Global dark style on the left side of the window. You can see a lot of night mode styles in the search results. Choose a style you like and open the link, then click the Install with Stylish button in the pop-up page. Then in the pop-up "Install User Style" window click "Install" & rdquo; to complete the installation of this CSS style file (Figure 1). Finally, refresh the current page to enable the night mode effect. The night mode usually uses a darker background to reflect the content of the webpage with other colors, thus avoiding the eyebrows that are too bright on the background (Figure 2). Actual combat 2: Baidu Google double-column display results Of course, not all required CSS style files can be found on the userstyles.org website, so sometimes we need to add them manually. We can write it ourselves, or you can find the CSS style files you want from the forum or post bar. Now whether it is a desktop or a laptop, the use of a wide-screen display is basically, so when using Baidu search, the single column display results will be "was" & a lot of screen resources, so I found a way to display Baidu search results as Double-column CSS style file (download address: http://tinyurl.com/k24krvx). To continue the last combat, click on the “Additional Components” menu in the “Tools” menu. In the pop-up window, select the “User Style” item in the list on the left. Click the “Write New Style” button in the window and set the CSS style “Name” and “Label” in the pop-up dialog box. Then download the downloaded CSS style file, open it with a text editor, and paste all the code into the CSS style edit box (Figure 3). After setting, click the “Save” button to manually add the CSS style file. Later, when we searched with Baidu (or Google), the search results will be displayed in two columns, showing double the results more than usual, and the advertisement information displayed before it is successfully filtered, which is more concise and practical. (Figure 4). This article comes from [System Home] www.xp85.com
Copyright © Windows knowledge All Rights Reserved