This time is too busy. I have no time to organize my website construction courses. Today I will publish an article for students to learn and organize!
You can go to my student's blog website to see: website promotion http://www.123-seo.cn
Before learning to apply css, we should first understand what css is. CSS is short for Cascading Style Sheet.
* CSS is a markup language. It does not need to be compiled and can be directly executed by the browser (it belongs to the browser interpreted language ).
* In the standard webpage design, CSS is responsible for the performance of the webpage content (XHTML.
* A css file is also a text file that contains some CSS markup. CSS files must be suffixed with file names.
* You can simply change the CSS file to change the overall form of the webpage and reduce our workload. Therefore, she is a required course for every web designer.
* CSS is generated and maintained by W3C CSS working groups.
After learning about css, we can easily apply it to your blog. We can use the following two methods to join your blog, because the css application method has the proximity principle. That is to say, the higher the priority of the style definition closest to the target. The high-priority style inherits the non-overlapping definition of the low-priority style but overwrites the overlapping definition.
Link an external Style Sheet file (Linking to a Style Sheet)
You can create an external table file (.css) and then use the link object of HTML. Example:
<Head>
<Title> document title </title>
<Link rel = stylesheet href = "http: // www.123-seo, cn/dhtmlet.css" type = "text/css">
</Head>
In XML, you should add it to the declaration area as follows:
<? Xml-stylesheet type = "text/css" href = "http://www.123-seo.cn/dhtmlet.css"?>
Define an internal Style Block object (Embedding a Style Block)
You can insert a <STYLE>... </STYLE> block object between the <HTML> and <BODY> tags of your HTML document. For the definition method, see style sheet syntax. Example:
<Html>
<Head>
<Title> document title </title>
<Style type = "text/css">
<! --
Body {font: 10pt "Arial "}
H1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
H2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
P {font: 10pt/12pt "Arial"; color: black}
-->
</Style>
</Head>
<Body>
Note that the type attribute of the style object is set to "text/css", which allows browsers that do not support this type to ignore style forms.