To create a cascading style for a web site

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Making a Web page is not a CSS (cascading style sheet), because it is a good way to locate Web content, and if you define a default style attribute for a global element in the front of the stylesheet, these settings properties are inherited by the child element associated with it. Until you add more specific style attributes to specific elements. So what do you need to be aware of to create a cascading style for your Web site?

1. Layout

Page design using the basic grid Layout, page module positioning rules. You have to describe the positioning of some of the overall page elements, as well as the relevant rules for white-keeping. Some typical page wireframe prototypes also appear as illustrations in this section.

2. Text typesetting

Describes the typography options used on your Web site, including font style, reasons to choose these fonts, and more. There are also some representative illustrations to illustrate the relationship between font style and page context.

3. Picture setting rules

including color scheme, the overall brand picture, the use of brand image rules and constraints and so on.

4. Navigation settings

Global main navigation, level two navigation, Pull-down menus, text links for category entries, and so on, any element that can help users navigate through the site can be summed up in this part of the content. From here on, we're going to get into the details. Navigation elements in different states of the link color, background color, such as the definition of attributes are also described here in detail, so that developers can at a glance.

5.HTML element

The HTML tag usage rules for some typical elements, including heading elements (H1,h2,h3 ...), ordered lists, unordered lists, buttons, Forms, field sets (fieldset), tables, and so on. The list of rules does not need to be exhaustive, but it should be as comprehensive and representative as possible, and it can be done with front-end developers when necessary.

6. media files

Includes rules for the use of pictures, audio or video files, size limits, zoom, cache settings, and so on.

7. Interface coordination of the canvas

Summarize the above content into a large canvas. The so-called canvas, can be a picture format, of course, preferably the form of HTML pages, because this can be more flexible hosting copy and HTML or CSS code aspects of content, so that front-end developers can directly based on the design rules of page elements to use the corresponding code fragment. In addition, all content that involves visual style is placed on the same canvas, which makes it easy for the designer to view the overall coordination of the page elements.

8. Other Resources

This part of the object involved in the basic level of detail, those who can not be grouped into the above seven categories, the degree of customization of a higher level of design elements can be placed here. For example, in some specific cases, how the different modules should be presented, the rules of advertising in the sidebar, the way of searching for errors, the rules for the presentation of the comments list, the browsing methods of photo sets, and so on. Usually, in this part of the content, we can explore and summed up some of the higher reusability of the design patterns.

Only if the content is well matched, the website we make will give people a refreshing feeling, and also improve the customer's experience. This is essential to our website, the above content wants to give the visitor a little inspiration, thanks everybody's browsing, this content has (http://www.91dujing.com) to offer to share.