@charset "Utf-8";/*! * @ Name: Base.css * @ function: 1, reset browser Default style * 2, set generic atomic class*//*prevents users from customizing the effect of background color on Web pages, adding allows users to customize fonts*/HTML{background: White;Color:Black;}/*internal and external margins often make different browser styles behave differently*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,bloc
eg
This is the text section.
1. In the first case:
Body has margin,html not padding:
You can see that no matter how big the body of the margin, the body and the HTML side of the paste.
2.html has padding;
When the HTML ha
Content: Content
Details and examples of two important attributes: padding and margin
This article describes the key to HTML and CSS-the box model (Box Model). The key to understanding the box model is the margin and padding attributes. Correct understanding of these two attributes is also the key to learning to use CSS layout.
Note: Why not translate margin
You are learning margin and padding when you are ignorant,--what his Niang inner margin, what his niang margin. Oh ah, at first I also a bit do not understand, and later through the study of information learning finally figured out, and now I will talk about their own margin and padding understanding:
First, what is the margin
The margin in CSS refers to the distance (or space) between the current element
Html css -- learning of margin and padding, marginpaddingHttp://www.cnblogs.com/fengyv/p/3789333.html when you are learning margin and padding is not done, -- what his mother's padding, what his mother's margin. Haha, I didn't understand it at first, but I finally understood
Can I set vertical padding and vertical border for row elements? In the textbook, the vertical padding and vertical border settings of the row element are invalid.
However, I tried these effects:
aaa
IE8 and FF:
IE6 and IE7:
IE8 and FF should be more compatible with w3c standards, but IE6 and IE7 have the same effect as they mentioned in the book ~
Problem:
1. Can I set vertical
: Padding:top right bottom left; (padding:10px 20px 30px 40px) It's given in a way that's up, down, and down. suggested when padding should be used:When should you use padding:You need to add white space to the border beta.When the background (color) is needed in the space.Syntax:(1) padding-left:10px; Left margin(2) padding
The following is from the study of HTML css--margin and padding, author Fengyv, but added some personal views.You are learning margin and padding when you are ignorant,--what his Niang inner margin, what his niang margin. Oh ah, at first I also a bit do not understand, and later through the study of information learning finally figured out, and now I will talk ab
body,html /* Set the window div to browser size * /{ margin:0; padding:0; height:100%; }The following codeDOCTYPE HTML>HTMLLang= "en">Head>style>#side{float: Left;width:30%;Height:300px;Background-color:#99FF99; }#main{Margin-left:30%;width:70%;Height:300px;Background-color:#99FFFF; } style>Head>Body>DivID= "side">1Div>DivID=
We take div as a box example, since and show the life of the box, then we think about the life of the boxThe interior is not empty good for storing things, and inside the area of storage we give him a name called "Content (internal", and the paper wall of the box gives him a name called" Border (border) ", if something inside the box is like a hardDisk, but the hard drive is afraid of vibration, so we need to evenly fill some of the shock-proof material inside the hard drive's surrounding box,Th
"Beat IE Sunflower Treasure Book" In the method is to add a width to block elements can be solved, but according to my own test, plus with this method is invalid, if there is no doctype even add width to the element can not let the block element center.IE8 Input[button | submit] Setting Margin:auto cannot center the bug:Occurrence: Under IE8, if a label such as button (such as button input[type= "button"] input[type= "Submit") set {display:block; margin:0 auto;} If you don't set the width, you
1. Some special font styles:Indent 2 characters in first line: {text-indent:2em;}Center horizontally: {text-align:center;}Justify: {text-align:justify;}Center vertically: {vertical-align:middle;}Word spacing 2 characters: {letter-spacing:2em;}Line spacing twice times: {line-height:2;}2. The navigation bar is fixed somewhere on the page (relative to {position:fixed;left:px;top:px;}3. Block-level elements and inline elements: Common block-level elements:Common inline elements:, Block-level elemen
word2010 How do I adjust table cell padding?
1. Click the mouse in the cell where you want to adjust the margins.
2, click the Table, the word2010 menu will appear in the "Layout" tab. Click the "Layout" tab at this point.
3. Note that there is no "layout" tab in the Word2010 menu bar before clicking on the
This article is mainly about the HTML Table Table label of the border usage, generally we are to set the border line as one way to demonstrate the border. Let's take a look at this article about the border usage of HTML table labels.
Let's start by looking at how the
Calculation rules for the width of html table cells: the width of html table cellsRendering rules for table width
Table cell width is calculated in two ways:Fixed table layout, automati
HTML -- use a table for the layout of the page, html table page layout
How to Use tables to layout webpages
Let me talk about it with my web experience.There are two existing layout methods for web design: table layout and CSS layout, which is strongly recommended by
The html table content is in note, and the html table note
Although table tags are rarely used, they are useful in some cases. Generally, the order of reading a webpage is from large to small, from top to bottom, from left to right. This layout is the most suitable for read
entire table (that is, the table label), while the cell (that is, the td label) adopts the in style. Save the disk and check the effect. Is it the same as the following?After learning how to create a table with a 3D border of 1x1, it is not difficult to make the results of this example. You may wish to explore it yourself.# P #The previous examples show how to b
2. HTML table, 2.html table
1. Table Code:
Data cells can contain text, images, lists, paragraphs, forms, horizontal lines, tables, and so on.
2. If the border attribute is not defined, the table will not display the border
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.