When using CSS to build a station, you must have encountered a variety of layout problems, and may end up in a mess. The purpose of this article is to make your design process easier and provide you with a quick reference when you encounter
Use a label correctly
Hyperlinks are the most HTML tags used in blogs, which link to other articles or site links, and suggest that you add the following attributes when you use a label:
HREF: Set the URL address or anchor point of the link
I believe many people have encountered in the design of custom scroll bar style, before I was trying to convince designers to accept the browser with the scroll bar style, but this can only circumvent or solve the problem, recently encountered in
Block elements are generally container elements of other elements, and block elements are generally started from new rows, which can hold inline and other block elements, and common block elements are paragraph label ' P '. "Form" is a special block
First look at the preview interface:
Let's begin by telling you the steps to complete the above page.
1. Building HTML
Building HTML is the most basic part of the process. One of the key principles that we build on HTML is the "Return of HTML
Today, for each user to bring a CSS implementation of the mouse through the button effect. When the button is initially, the border is a disconnected button, and the animation changes to a closed border when the mouse passes over the button. The
A. Use CSS abbreviations
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations refer to the CSS basic syntax.
Two. Define units clearly, unless the value is 0
Forgetting to
1. Replacement and irreplaceable elements can be divided into replacement and irreplaceable elements in terms of the elements themselves. &NBSP A) replaces element Replace element is the browser based on the element's label and attributes
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations are as follows:
Color
16 color value, if the value of each two digits is the same, you can abbreviate half, for example:
Force do not wrap div{white-space:nowrap; automatic line wrapping div{word-wrap:break-word; woForce No Line wrappingdiv{White-space:nowrap;}Wrap Linediv{Word-wrap:break-word;Word-break:normal;}Force word breaking in Englishdiv{Word-break:break-all;}
First, remove the underline of the hyperlink and implement the mouse hover color on the hyperlink:
By default, hyperlinks in Web pages designed with Dreamweaver are underlined and look unattractive. To get rid of these annoying underscores,
1. Brief introduction: Why is it unwise to use table typesetting?
The table exists in HTML only for one purpose: display tabular data. However, since then the border= "0" allows designers to put pictures and text in the invisible grid. So far,
Base.css as the name implies is the meaning of the base code, mainly to reset the browser default style of a collection bar, in the CSS layout to add it will improve the efficiency of writing, interested friends can refer to the
Copy Code
What is Div+css
Div+css is one of the most commonly used terms outside of the web-sitting standard (or "web-based standard"), in order to affirm the difference between the positioning of the table (table) that is intended for HTML Web pages,
Want to let the paragraph front empty two words distance does not use a space, text-indent can make the first line in the container indent a certain unit. For example, Chinese paragraphs in general each paragraph before empty two Chinese characters,
This article mainly introduces the pure JS implementation according to the CSS class selection dom, the need for friends can refer to theOn-line reference, I modified part//code as follows, pure JS, request browser support Getelementsbyclassname
Blog's full name should be Web log, Chinese meaning is "blog", then abbreviated for blog, and blog (blogger) is to write blog people. From the understanding, the blog is "a kind of expression of personal thoughts, network links, content, in
word-break: "Word breaker"
Definition: A method for handling automatic line wrapping. Note: By using Word-break, you can enable the browser to wrap anywhere.
syntax: word-break:normal|break-all|keep-all;
Default value
Normal
In some cases, using Table-cell is simpler and more efficient than float, such as horizontal menu style writing, here we take a look at the use of CSS Table-cell property to implement the left-hand image of the layout method is detailed:
When the
0. Overview
CSS2 supported property selectors with an expression [{Property | Property {= | |= | ~=} value}]1.[class= "A"] can only match elements of class= "a"2.[class~= "A"] can match elements of class= "a", class= "a B"3.[lang|=en] can match
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service