CSS样式

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的第一优先级,以标签基础,由内到外 由近到远

原文地址:https://www.cnblogs.com/wangyujian/p/11979275.html