1、CSS介绍

• 背景

  • 使用HTML可以搭建起页面的结构，但是从页面的观感上看，给人的感受就是一个字 “丑”
    

• 介绍

  • CSS全称为： Cascading Style Sheets ，意为 层叠样式表 ，与HTML相辅相成，实现网页的排版布局与样式美化。

• 作用

  • 用于设置 HTML 页面的 文字内容（字体、大小、对齐方式等）、图片外形（宽高、边框、边距等） 及 版面的布局 和 外观显示样式。

• 使用

  • 结构（HTML）与 样式（CSS）相分离。

• 注释

  • 以 /* 开始，以 */ 结束。

    /*
    	注释内容（解释与说明）
    */
    

2、CSS使用方式

1. 内联样式（行内式）

• 介绍

  • 借助于style标签属性，为当前的元素添加样式声明

    <标签名 style="样式声明">
    

  • CSS样式声明 : 由CSS属性和值组成

    style="属性: 值; 属性: 值;"
    

• 常用场景

  • 用于为单个元素应用唯一的样式。

• 常用CSS属性

  • 设置文本颜色 color: red;
  • 设置背景颜色 background-color: green;
  • 设置字体大小 font-size: 32px;

• 说明