Home > Developer > Web Develop
CSS code in a separate file, HTML referencing CSS via the link tag
H1 { color:red;}This is the CSS code
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> <title>Document</title> <Linkrel= "stylesheet"href= "Test.css"></Head><Body> <H1>Hello</H1></Body></HTML>
href= "" Specific CSS file path
Use an external stylesheet to separate the CSS code from the HTML code for easy maintenance and reuse
Internal style sheetWrite CSS code into the HTML style tag
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> <title>Document</title> <styletype= "Text/css">H1{Color:Red; } </style></Head><Body> <H1>Hello</H1></Body></HTML>
Without a stylesheet file, you can improve efficiency at some point
Inline style sheetCSS code is written in the label's style property
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> <title>Document</title></Head><Body> <H1style= "Color:red">Hello</H1></Body></HTML>
Inline style does not write selectors
HTML reference CSS
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
