Skip to content

一、CSS-基本介绍

css-01.png

1. CSS简介

  • CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。
  • CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。
  • CSS使样式和结构分离,样式和结构不用“杂糅着写”,而是彼此分开:HTML就负责结构,CSS负责样式。通过选择器,进行结合。
  • CSS的本质:CSS就是样式的“清单”,要书写合适的选择器,然后把指定元素的样式“一条一条罗列”出来
  • CSS没有加减乘除、与或非、循环、选择、判断,CSS不是“编程”,就是简单直接的罗列样式

2. CSS3的书写位置

内嵌式:

  • 内嵌式:顾名思义就是内嵌在.html文件中。
  • <head></head>标签对中,书写<style></style>标签对,里面书写CSS语句。

外嵌式:

  • 可以将CSS单独存为.css文件,然后使用<link>标签引入它。 css-02.png
  • 外链式的优点:多个html网页,可以共用一个css样式表文件。

导入式:

  • 导入式是最不常见的样式表导入法。 css-02.png
  • 使用导入式引入的样式表,不会等待css文件加载完毕,而是会立即渲染HTML结构,所以页面会有几秒的“素面朝天的时间”。

行内式:

  • 样式可以直接通过<style>属性写在标签上。 css-03.png
  • 行内式牺牲了样式表的批量设置样式的能力,只能给一个标签设置样式,所以不常用。

3. CSS3的基本语法

css-04.png

  • 最后一条样式可以不写分号。

4. CSS3的注释

  • CSS3的注释是/* */css-05.png

Released under the MIT License.