Background: URL (images / bg_poem.jpg) #fefefe no-repeat right kettle
Although you can use to plug in content, this is not recommended. The "secondary picture" here refers to those
Not part of the content to be expressed as the page, but only the picture of modification, interval, reminder. E.g:
Pictures in the photo album, pictures in the picture news, the above 3D box model picture is one of the content
Part, they can be inserted directly into the page with the element, while others like LOGO, title pictures, list
The prefix picture must be displayed in a background method or other CSS mode.
Add the right DOCTYPE to the page
1) Transitional
"http://www.w3.org/tr/xhtml1 /dtd/xhtml1-transitional.dtd">
Set a namespace (Namespace)
Add the following code directly behind the DOCTYPE statement:
A Namespace is a detailed DTD, Namespace, a collection element type and attribute name.
The statement allows you to identify your namespace through an online address. Just simply input the code.
Declare your coding language
In order to be properly explained by the browser and through the identification check, all XHTML documents must declare what they make
Code language. code show as below:
The coding language that is declared here is Simplified Chinese GB2312, and if you need to make traditional content, you can define as BIG5.
Content prepared for search engines
The code is as follows, replacing the content of your own site:
Allows all links in the robot search station. If you want some pages that are not searched, it is recommended to use Robots.txt method.
Set site author information
Set site copyright information
Site brief introduction (recommended)
Site keyword (recommended)
Give all attribute values plus quotation case: height = "100", and cannot be height = 100.
Close all labels, for example:
Background image repeat or not: [/ b]
Background-repeat:
REPEAT | REPEAT-X | REPEAT-Y | NO-REPEAT
Note:
The meaning of the label above
The REPEAT image is repeated vertically.
Repeat-x image of an image of the REAT-X.
Repeat-Y image is repeated in the vertical direction.
The NO-REAT image is not repeated.
Say:
Define the image repeating direction is for some unique image positioning.
example:
Background-repeat: Repeat (Setup background map is duplicate, if you do not need to set up, this is the browser default.)
The address of the background diagram is best written, it is http: // ~~ Because it is said that Netscape4.0 is not very good.
Background image is moving with the scroll bar:
Background-attachment:
Scroll | fixed
Scroll belongs to the browser default, that is, moving with the scroll bar, fixed is not moving.
[B] Give the background diagram:
--- That is to set it to where it is displayed. Top top, or left Left
Background-position:
| [Percentage | Length] {1,2}
| [TOP | Center | Bottom]
| [Left | Center | Right]
Background-position: [Percentage | Length] is defined by X (horizontal) Y (ordinate),
Such as Background-Position: 20px 40px;
Background-Position: [TOP | Center | Bottom] and [Left | Center | Right]
It is the same meaning, and three arbitrary two match can produce different effects.
Can be Background-Position: Top Center; Center Bottom; LEFT, Right .....
Bottom: LEFT: Left: on, right: right, center:
All settings:
{Background: Background-Color || Background-Image || Background-Repeat
|| background-attachment || background-position}
example:
Body {Background: #ffffff; Background-Image: URL (http://user.7host.com/
Bluemm / img / 1bg.gif); Background-attachment: fixed; Background-repeat:
No-repeat; background-position: Right Bottom}
Enable your home page to be automatically included in search engines
Do you sure to let your website famous to the world to register? There are many robots on the Internet.
They automatically search for keywords, you can be found by them as long as you set up such a key on the website.
Where Content is primarily letting you place keywords in your homepage, and these keywords
It is best to make people think.
If it is a meaningful picture, it is inconvenient to use a background method to change the way to achieve vertical centers, the complete code is as follows:
