In-line Labels:
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "UTF-8"> <title></title></Head><!--style= "background-color:red;" -<Bodystyle= "background-color:red;"><!--inline Style - <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Pstyle= "font-size:40px; color:yellow;">Xu Bao love to eat fish</P> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div> <Divstyle= "font-size:30px; color:red; background-color:green;">Xu Bao love to eat fish</Div></Body></HTML>
Image
Industry Tags:
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "UTF-8"> <title></title> <!--CSS follows a rule: 1. Nearest principle 2. Superposition principle - <style>Div{Color:Purple;font-size:40px;Background-color:Yellowgreen; }P{Color:Deeppink;font-size:50px; } </style> <Linkhref= "Css/index.css"rel= "stylesheet"></Head><Body> <Divstyle= "color:hotpink; background-color:red;">Xu Bao love to eat fish</Div> <Div>Xu Bao love to eat fish</Div> <Div>Xu Bao love to eat fish</Div> <Div>Xu Bao love to eat fish</Div> <Div>Xu Bao love to eat fish</Div> <P>Xu Bao love to eat fish</P> <P>Xu Bao love to eat fish</P> <P>Xu Bao love to eat fish</P> <P>Xu Bao love to eat fish</P></Body></HTML>
Image:
External style:
div{ Color:brown; font-size:50px;} p{ Background-color:yellow; Color:darkgreen; font-size:39px;}
Image:
<!DOCTYPE HTML><HTML><HeadLang= "en"> <MetaCharSet= "UTF-8"> <title></title> <Linkrel= "stylesheet"href= "Css/index.css"></Head><Body> <Div>Xu Bao love to eat fish</Div> <P>Xu Bao love to eat fish</P></Body></HTML>
Image:
CSS inline style inside style page style external styles