Web site template changes commonly used in the CSS code detailed

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

In the previous article, you mentioned some of the tools you used to modify your site templates. But it also involves less than the CSS style sheet of some knowledge, for these knowledge, the lack of the majority, today I will be used to some of the CSS style sheet grammar, issued to everyone, hope to webmaster friends to modify the site template when some help. If you have not read the previous article, please first move to the "About Amoy template modification of some of the summary of experience."

CSS style sheet appears to standardize the Web page structure, all the frames in the Web page, without exception, through the CSS style sheet to define its style, size, location, border position, etc. ... Please refer to the table below:

Border width: border-width:5px;

Top width: border-top-width:5px;

Left width: border-left-width:5px;

Right width: border-right-width:5px;

Bottom width: border-bottom-width:5px;

Border color: border-color: #000000;

Top color: border-top-color: #000000;

Border Style: border-style:double; replaceable dashed; dotted; None;

Top style: border-top-style:solid;

Left style: Border-left-style:inset;

Right style: Border-right-style:ridge;

Bottom style: border-bottom-style:solid;

Overall width: width:5px;

Overall height: height:5px;

Overflow option: overflow:visible; replaceable hidden; Scroll; Auto;

Inside margin: padding:5px;

Upper margin: padding-top:5px;

Lateral margin: margin:5px;

Outer margin: margin-top:5px;

Text font: font-family:fantasy;

Text size: font-size:12pt;

Text thickness: font-weight:bold;

Text style: Font-style:italic;

literal variables: line-height:110%;

Clear properties: clear:left; replaceable right; Both; None;

Floating properties: Float:left; replaceable right; None;

Horizontal arrangement: Text-align:left; replaceable right; Center; Justify;

Text decoration: text-decoration:underline; replaceable overline; Underline overline; Line-through; Blink;

Text indent: text-indent:5em;

Text spacing: letter-spacing:5px;

Letter spacing: word-spacing:5px;

Text conversion: Text-transform:capitalize; replaceable lowercase; Uppercase;

Vertical arrangement: vertical-align:baseline; can replace top; Middle; NRC; Text-top; Text-bottom; Super; Sub; 3em; 30%;

Background picture: Background-image:url (tianyi.gif);

Background stretching: background-repeat:repeat; replaceable repeat-x; Repeat-y; No-repeat;

Background positioning: background-position:left; replaceable right; Top; Left top; Right NRC; 30% 50%;

Additional properties: background-attachment:fixed; replaceable scroll;

Display properties: Display:none; replaceable block; Inline; run-in; Compact; List-item; Marker;

Whether visible: visibility:visible; replaceable hidden;

Resource positioning: position:static; replaceable relative; Differs; Fixed;

Distance top: top:5px;

Distance left: left:5px;

Distance to the right: right:5px;

Distance bottom: bottom:5px;

The above is for some commonly used CSS syntax, however, we modify the template when the most used is margin-top; Margin-left; Margin-right; Align; Background:url (tianyi.gif); border-width:5px; These are the highest rates.

Hope that these code more or less to your webmaster friends to bring some help group, OK, today's article on this. Do not understand or own more hands-on Baidu Baidu. This article from the colorful network http://www.deluxmart.com, if you want to reprint articles, please keep the URL link, thank you! If you have any questions, you can go to my site to leave a message.

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.