HTML Learning First Day notes--seventh chapter

Source: Internet
Author: User

7th. CSS Style Basics
<span style= "Color:blue" > </span>
Embedded CSS style, written in the current file "**********"
The embedded CSS style is the ability to write CSS style code between <style type= "text/css" ></style> tags. The following code is implemented to set the text in three <span> tags to red:
<style type= "Text/css" >
span{
color:red;
}
</style>
Embedded CSS styles must be written between <style></style>, and in general the embedded CSS style is written between <! DOCTYPE html>

<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title> Embedded CSS Styles </title>
<style type= "Text/css" >
span{
Color:blue; /*color:red*/
}
</style>

<body>
<p> MU class network,<span> super Cool Internet </span>, it technology free learning platform, innovative network one-stop learning, practical experience;<span> service timely intimate </span>, content professional, <span> fun and easy to learn </span>. Focus on the service of Internet engineers quickly become a master of technology! </p>
</body>

External CSS style, written in a separate file ———————————— "It's a little bit out of place here.!!!!! 】
An external CSS style (also known as an inline) is to write the CSS code in a separate external file, with a CSS style file with a ". css" extension, within <link href= "Base.css" rel= "stylesheet" type= "Text/css"/>
Attention:
1. CSS style file names are named with meaningful English letters, such as MAIN.CSS.
2, rel= "stylesheet" type= "text/css" is fixed notation cannot be modified.
3, <link> label location is generally written in the

HTML Learning First Day notes--seventh chapter

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.