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: "©" =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