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;width: 100px">背景色</div>

 

2.在head中增加

<head>

   <style>

    #i1{
      background-color: green;
      height: 100px;
      width: 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的第一优先级,以标签基础,由内到外 由近到远

 

 

posted @ 2019-12-03 21:47  面包树下的路人  阅读(153)  评论(0编辑  收藏  举报