Html+css frequently Used design methods

Source: Internet
Author: User

Html+css frequently used design methods:

======================================================
=margin "Outside" =

=padding "Inside" =
==* {margin:0px; padding:0px;}
==.wrapper{margin:0 Auto;}
=margin:0 Auto; (Set page center left and right)
=margin:60px Auto; (set Web page "Up and down 60px" centered around) =
= = Category selector: Class------. p{10:52 2016-5-16}
= c: "&copy" =id selector: ID----------#p {}
= "": "&quat" =
= Space: "A" =
======================================================


Indent 2 characters in the first line: "TEXT-INDENT:2EM;"

Web page Center: "Margin:0_auto"
Merge right and Left: "colspan"
Merge up and down: "RowSpan"
Default check: "Checked"

(block element:<p>float: float:left;}

==============================================================================================================
"Link style not visited" ==a:link{text-decoration:underline; color: #900b09;} "underline/purple"
"Visited link style" ==a:visited {text-decoration:none; color: #900b09;} "no Underline/purple"
"Link style when hovering" ==a:hover{text-decoration:underline;color: #ff0000;} "underline/red"
"Link style when mouse click" ==a:active{text-decoration:underline;color: #ff0000;} "underline/red"
==============================================================================================================
{
File frame: <input type= "Text" size=10/>
Password box: <input tyle= "Password" size=10/>
Multiline text box: <textarea> </textarea>
radio button: <input type= "Radio"/>
check box: <input type= "checkbox"/>
Drop-down selection box:<select><option> </option></select>
Normal button: <input type= "button" >
Submit button: <input type= "Submit" >
Reset button: <input type= "Reset" >

}

001--------------------------------------------"Scrolling tab"

<marquee (scroll tab) direction= "right" behavior (scrolling mode) = "Scroll" scrollamount (scrolling speed) = "Ten" scrolldelay= "ten" >
</marquee>


001--------------------------------------------HTML Horizontal Line

<HR/> Tags Create horizontal lines in the HTML page.

The HR element can be used to delimit content. :-----------------

<body>
<P>HR tags define horizontal lines:</p>
<p> this is the paragraph. </p>
<p> this is the paragraph. </p>
<p> this is the paragraph. </p>
</body>

==========================================================

002--------------------------arranged in the center.

<body>

<H1 align= "center" >this is heading 1

<p> the above headings are centered on the page. The above headings are centered on the page. The above headings are centered on the page. </p>

</body>

==========================================================
003-------------------------The image as a link

<body>
<p>
You can also use the image as a link:
<a href= "/example/html/lastpage.html" >

</a>
</p>

</body>

==========================================================

Html+css frequently Used design methods

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.