DIV CSS Web page making irregular text layout CSS style

css| Web page

We in the web design, will encounter a lot of unexpected situation, irregular text typesetting is one of them, how should we face such typesetting requirements? How should CSS code be written?

In this case, we usually have two choices:

1, the use of pictures to make, and the use of hot areas to create links, such a way can be very convenient to solve the problem, but the search engine is not friendly, it does not know what you here in the end.

2, with Flash to complete, but also can add dynamic effects, in addition to the same search engine unfriendly, there is also the user is not installed Flash plugin risk, and the browser to the Flash file shielding problem.

These two methods are not reliable, encountered special internet equipment, but also can not show it to play its role.

We can consider using DIV+CSS to finish it. The main idea is to use different containers, positioning the container to achieve. Although this is very tumultuous, and not conducive to the later maintenance of the update, but can receive a lot of results: fast display, more semantic, suitable for a variety of internet equipment, SEO is conducive to more user-friendly search engines.

How do we make irregular text typesetting? We can first define a container, and set a certain background image, in this container, we add different container tags, such as: H1, span, Div, p, and so on. If your text semantics are clear and the links are important, we recommend that you use the H1 tag directly.

For H1 tags, apply different styles, set different margin for positioning, and, if necessary, set z-index properties to change their cascading structure. Continuous adjustment and improvement can be completed. Margin properties can be referenced here.