distance" between content (text) and (wrapped) elements.Common browser margin appears in the bugIE6 in the double-sided bug:Occurrence: Margin doubles when the first floating element within the parent element is set to Margin-left (element Float:left) or margin-right (element float:right).Solution: To add display:inline to the floating element; CSS properties, or use Padding-left instead of margin-left.Principle Analysis: Block-level objects The defa
margin
3.2 Vertical Margin MergeThe margins in the adjacent vertical direction are merged (overlapping).4. In-line element box model
Non-replacement elements
Content
Specifying a width height with width and height is invalid.The width is determined by the content, and the height is determined by the row height .Row heights are determined by the sum of line-height and replacement elements or inline-block longitudin
css| Tutorial
12. Control the style of box
The stylesheet provides a container box that will store all the operable styles of an object. Includes four aspects of the object itself, border whitespace, object borders, and object clearance.
For a better understanding of the meaning of these attributes and the relationship between them, see the following illustration:
1. Border Blank (MARGIN)
The
css| Tutorial
12. Control the style of box
The style sheet provides a container box that will store all the operable styles of an object. Includes four aspects of the object itself, border whitespace, object borders, and object clearance.
for everyone to better understand the meaning of these attributes, and the relationship between them, look at the following diagram:
1. Border Blank (MARG
Article Introduction: The row height problem for the form button.
HTML Code
CSS Code
#button {
border:2px solid #06f;
Color: #06f;
Background-color: #6cf;
Font:bold 12px Arial, Helvetica, Sans-serif;
line-height:50px;
}
In a multiple-effect diagram, it's obvious that there are problems in both Firefox and opera browsers, and the fatal point is: "No matter what method you use to modify the button's line-height, there is no effect
I believe that the classic forum to learn the standard of friends, 99% is not to enter the international conference, not to become a professional researcher, then what is the purpose of everyone? Very simple, actually all want to pass the standard study to let oneself add a skill more only, let yourself in the search for a job will not be in the "need to master the Web Standards", and in the following example XHTML does not have any semantics, the purpose of the article is only to let you have a
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.