CSS three style sheets:
1. Inline style sheet:
<style type= "Text/css" >
Style sheet notation
</style>
2, outside the chain style sheet:
<link rel= "stylesheet" href= "1.css" >
3, in-line style sheet:
<H1 style= "Font-size:30px;color:pink" > Red bean Three ways of writing:
Inline style sheet notation, style only works on the current file, no real implementation of structure (HTML) representation (CSS) separation
Outside the chain style table writing, the scope is the current site, a wide range, truly realize the separation of structural performance
Inline style sheet notation, scoped to the current label, structure and performance completely mixed together, not recommended
1 <! DOCTYPE html>2 3 4 <meta charset= "UTF-8" >5 <title>Document</title>6 <!--inline style sheet--7 <style type= "Text/css" >8 . Box{9 Font:Italic 40px Microsoft Yahei;Ten} One </style> A <!--outer chain style sheet -- - <link rel= "stylesheet" href= "1.css" > - the <body> - <div class= "box" > - <p> Barley </p> - </div> + <!--inline style sheet -- - + </body> A
CSS three style sheet notation