cascading style sheet 层叠样式表

CSS规则 = 选择器 + 声明块

声明块

出现在大括号中
声明块中包含很多声明（属性），每一个声明（属性）表达了某一方面的样式

CSS代码书写位置

  1. 内部样式表
    书写在style元素中

  2. 内联样式表，元素样式表
    直接书写在元素的style属性中

3.外部样式表
将样式书写到独立的css文件中
1） 外部 样式表可以解决多页面样式重复的问题
2） 有利于浏览器缓存，从而提高页面响应速度
3） 有利于代码分离（HTML和CSS），更容易阅读和维护

  1. 第一种方式，行间样式
  2. <div style="width:100px;"></div>
  4. 第二种方式，页面级
  5. <head>
  6.         <meta charset="utf-8">
  7.         <title></title>
  8.         <style type="text/css">
  9.             div{
  10.                 width: 100px;
  11.             }
  12.         </style>
  13.     </head>
  15. 第三种方式，外部css文件
  16. 首先创建一个.css文件，编写css样式，在html里面引入
  17. <head>
  18.         <meta charset="utf-8">
  19.         <title></title>
  20.         <link rel="stylesheet" type="text/css" href="css文件位置"/>
  21. </head>