CSS creates your own blog

CSS creates your own blog

Provided on the Internet Community There are many websites with blogs and free space. Community websites such as friends and friends include MySpace and Facebook. In China, they include campus, yijuju, and seat occupancy, while blogs include blogs such as China, Sina blogs, and blog parks. I have been learning web front-end technology for some time. Recently, I registered an account on the well-known domestic development website of blog Park. I just finished the test yesterday. I have a time to spend this weekend. Start your own blog.
Of course, as a CSS learning csser. It's too irresponsible to Use templates to deal with yourself. Well, I will design my own blog page.
Follow these steps:
1. Open your blog and select the "Disable template default CSS" check box in "manage"-"blog Settings;
2: Use the Firefox plug-in firebug to view the HTML file structure of the homepage of your blog (this step is optional). view the page source Code ;
3: Open the source file in a text editor (such as Dreamweaver, expresion web, editplus) and set the CSS style for HTML;
4: After the CSS style is written, preview it until you are satisfied. Then copy the CSS code to the "customize pages through CSS" text box in "manage"-"blog Settings;
5: preview and display your page in front of you.
However, the biggest problem is that there is no need to set the background or other styles on a page. The problem I encountered was that none of my background images set in CSS were displayed. Therefore, the quality of the page is greatly reduced. Thought: You should upload an image folder and then let the CSS file read this folder, and the image will come out. However, the upload button was not found for a long time.
Finally, I found a stupid way: Upload the background image to the album. In this way, the image will exist on the network server rather than on the local machine, and then reference the absolute path in the CSS file. In this way, the background image will be displayed smoothly, and your page will be completely displayed in front of you.
At the end of the article, I would like to talk a little bit about the HTML file structure on the personal homepage of the blog Park, so that I can write a variety of beautiful pages. This makes me think of a very famous cssnet site-CSS zen garden (www.css zengarden.com ).
The personal homepage HTML of the blog garden is divided into five main parts: Top, leftmenu, rightmenu, main, and footer. The three major leftmenu, rightmenu, and main columns in the main content area are displayed in parallel in the horizontal direction. You can set them to float left, right, and left, respectively, and then add clear float in footer, in this way, the basic layout of the page is almost displayed.