CSS beginners: how to modify CSS in Zblog

Source: Internet
Author: User

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.

Related Article

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.