CSS 基本语法

1 CSS 的使用方法

第一种 行内式

css 写在标签内的 style 属性中

<p style="color:red;"</p>

第二种 内嵌式

css 写在 <style> 标签里

<style>
    p {
        color:red
    }
</style>

第三种 外部式

css 写在独立的 css 文件中，再在 html 文件中把 css 文件导入

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

2 CSS 基本语法格式

CSS 由两个部分组成：选择器 声明块。

选择器：选择器用来选中页面中的指定元素。

声明块：声明块用来为选中的元素设置样式。

声明块由一对大括号括起来，大括号里边是一个一个的声明。

声明是一个名值对结构，一个属性名对应一个属性值，属性名和属性值使用冒号连接；声明以分号结尾。

选择器 {
  属性名:属性值;
  属性名:属性值;
}

3 CSS 注释

/* 注释内容 */

4 CSS 基本长度单位

• em：倍数，默认字体大小的倍数。
• px：像素，屏幕上显示的最小单位，用于网页设计，直观方便。
• %：百分比。
• pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用。
• cm：厘米。
• mm：毫米。

5 CSS 基本颜色表示方式

• 颜色名表示颜色

  red,green,blue...
  

• RGB 方式表示颜色

  数字（1-255）  rgb(255,0,0)
  百分比(1-100)  rgb(100%,0,0)
  

• 十六进制数字方式表示颜色

  #rrggbb
  #rgb  简写