java微博 8 CSS

css 导入方式

css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式：

• 内联样式：在标签内部使用style属性，属性值是css属性键值对

  <div style="color: red">Hello CSS~</div>

  给方式只能作用在这一个标签上，如果其他的标签也想使用同样的样式，那就需要在其他标签上写上相同的样式。复用性太差。

• 内部样式：定义<style>标签，在标签内部定义css样式

  <style type="text/css">
    div{
      color: red;
      }
  </style>

  这种方式可以做到在该页面中复用。

• 外部样式：定义link标签，引入外部的css文件

  编写一个css文件。名为：demo.css，内容如下:

  div{
    color: red;
  }

  在html中引入 css 文件。

  <link rel="stylesheet"  href="demo.css">

  这种方式可以在多个页面进行复用。其他的页面想使用同样的样式，只需要使用 link 标签引入该css文件。