This property can be used when you think the picture is too close to the text.
Graphics and text spacing: hspace and vspace settings
1. Horizontal interval: hspace.
For example: (units are also computed in pixels (pixel). )
2. Vertical spacing:
1. Check the HTML elements for spelling errors, forgetting to end tags
Even the veteran also often mistook the nested relationship of Div. You can use the Dreamweaver verification function to check for errors.
2. Check that the CSS is correct
Check
Here's an example of some of the more commonly used properties.
Margin
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
Code simplification to:
For each web developer, browser compatibility is a big problem, with Firefox and IE being the main user's browser. Generally we will install a different browser to test, Firefox users can use IE tab this person to expand to debug.
Now, you can try
This has a new problem, the current work in the IE7 of the Web page in the IE8 will have problems.
Microsoft offers three modes of parsing pages in IE8
IE8 Standard Modes: The default of the most standard mode, strictly in accordance with the
Let's look at a simple example first.
http://www.cssrain.cn
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
The difficulty of the topic is two points:
vertically centered;
The picture is a permutation element with some special features.
As for how to solve, here is a trade-off between the relative structure of clean, CSS simple workaround:
. box {
/*
We have listed more than 10 related knowledge and attention points, we can systematically explore, let us write the Web page open more smoothly.
Please don't tell me, you can't read e-text, you just don't want to see!!!
1. How the style system
Look at the picture:
This effect, or even three columns of four of the news module, I used to table, thought more convenient than CSS, until later after the float a, the original use of UL more aspects, easier to control, first look at the code:
Newly-written Tree:
1. Solve the problem of large number of loading too slow
2. Improve the application interface, scalability is stronger
First look at the effect of it, back to write related usage parameters document:
Example
The definition of the number of parameters in the padding attribute in CSS is always confusing, for example:
body {padding:32px;}
body {padding:32px 24px;}
Body {padding:32px 24px 18px;}
Body {padding:32px 24px 18px 12px;}
Today, Baidu looked at
The first time to write a CSS Tree menu is relatively simple, only level two directory, JavaScript code in total less than 10 lines, mainly by the inclusion of CSS in the written form to achieve.
Demo Address :
(1)
Inadvertently found that for the same HTML tag, in the CSS in the application of both the font and Line-height properties, you have to be careful, the two writing order is not the same, will result in different display effects.
That
>>> If you write
Here is the concise version, the main [show/hide] effect to peel out for everyone to study.
The main use of the a:hover[ie],li:hover[is not IE] state to make the display/hidden menu effect.
The key points:
Program code
This section of the note says:
Very simple navigation bar, put here has been convenient to use later;
Ie7/ie7/firefox have been tested; no problem;
Copy Code code as follows:
*{padding:0; margin:0 font-size:12px; line-height:1.7; Font-family:verdana,
Hack through CSS fx/ie7/ie6/ie5.5/ie5 This is the effect of the following FireFox or Opera this is under IE 6 effect this is under IE 7 effect below for a simple distinction ff/ie6/ie7 example &L T;/div> this line of text in FF should be
Made a div+css menu, compatible with Firefox, share to everyone, we study together
div+css+js tree menu, refresh My Site [url]www.netany.net[/url] [url]www.netany.net[/url] my Account Payment Online payment registered
Difference IE6 with FF:
Background:orange;*background:blue;
Distinction between IE6 and IE7:
Background:green!important;background:blue;
Difference IE7 with FF:
Background:orange; *background:green;
Difference
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