1024programmer HTML5 One minute to understand the three linking methods of CSS in Html

One minute to understand the three linking methods of CSS in Html

There are three linking methods for CSS in html, do you know which three? The three link methods of css text are inline definition, link to internal css, and link to external css. Let’s take a look together.

There are three ways to link css text: inline definition, link to internal css, and link to external css

1 .The code is:

 	
 		
 	
 	
 

Inline definition

Inline definitions

Inline definition

2.The code is:

 	
 		
 		
 	
 	
 

Link into internal css

Link into internal css

3.The code is:

 	
 		
 		
 	
 	
 

Link in external css

Link in external css

Link in external css

The style.css of code 3 is in the same folder as your html file.

The code is:

#p1{
 border: 2px;
 color:red;}
  #p2{
 border: 2px;
 color:blue;}
  .p3{
 border: 2px;
 color:red;}

In css
id should be preceded by a #

class should be preceded by one.

Supplement:

    
    
    
    
      
    
    
    
     

lalala

Thank you for reading, have you learned?

This article is transferred from: https://blog.csdn.net/weixin_43670802/article/details/94174581

Recommended tutorial: “HTML Tutorial”

The above is to understand Html in one minute For more details about the three link methods of CSS, please pay attention to other related articles on 1024programmer.com!

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/one-minute-to-understand-the-three-linking-methods-of-css-in-html-2/

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索