css 样式应用,有3种:
1、标签内部通过style属性,来给标签设置css样式
2、head中增加style标签,在style标签内部,通过选择器为目标html配置css样式。
3、通过编写样式表文件 xxx.css 用link引入到当前html中。
1.在body中直接样式
<div id="i1" style="height: 100px; 100px">背景色</div>
2.在head中增加
<head>
<style>
#i1{
background-color: green;
height: 100px;
100%; 宽度允许百分比
}
</style>
</head>
<body>
<div id="i2">背景色</div>-->
</body>
3.引用css,在其他目录创建一个demo.css
<head>
<link rel="stylesheet" href="demo.css">
</head>
<body>
<div id="i3">背景色</div>-->
</body>
注意:标签中style属性是css的第一优先级,以标签基础,由内到外 由近到远