No. 01 Step: Writing the No. 01 CSS style: Div.css
" Utf-8 " ; /* No. 01 Step: Define DIV: background color, font color */ div{ Background-color: #99C; color:#006 }
No. 02 Step: Write 02 CSS styles: p.css
" Utf-8 " ; /* No. 02 Step: Define P: Background color, font color */ p{ background-color:#; Color: #0F0 }
No. 03 Step: Write 03 CSS styles: span.css
" Utf-8 " ; /* No. 03 Step: Define span: Background color, color */ span{ Background-color: #0F0; Color: #C00 }
No. 04 Step: Write 04 CSS styles: All.css (introduce the previous CSS)
" Utf-8 " ; /* All CSS files are introduced in the */@import URL (div.css), @import url (span.css), @import url (p.css) ;
No. 05 Step: Write the HTML Interface code:
<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title>css Style Learning </title><link href="All.css"Rel="stylesheet"Type="Text/css"/>This is the result of the introduced CSS style of the effect div layer Fruit</div> <span>This is the result of the introduced CSS style of the effect div layer Fruit</span> <p>This is the result of the introduced CSS style of the effect div layer Fruit</p></body>How css_01_css and HTML are combined 3, 4