CSS样式 使用样式的三种方式

1.三种使用css方式

1.1.内联样式

<p style="color:red;font-size:120px;">Hello CSS!</p>

缺点：不利于复用

1.2.style标签

p{
    color:red
}

同一个页面中，通过选择器（大括号钱的p）绑定元素和{}中的样式，可以进行复用。多个p标签共用这个样式。

1.3.css文件

把样式写到css文件，文件中的样式可以复用于多个页面。

• 第一步：创建css文件

  style.css

  p{
      color:greenyellow
  }
  

• 第二部:引入css文件

  html页面中引入css文件

  <link rel="stylesheet" type="text/css" href="style.css">