CSS 的使用方式,CSS的基本结构

CSS 的使用方式

CSS 用于描述元素外观,即元素是什么模样

也称为元素样式

它该怎么用呢?

解答之前先来思考几个问题


内容是什么?

有意义的存在

CSS 不是吗? 进一步来说,CSS 不就是内容吗?

对于内容该怎么做?

使用 元素 来装载


使用 CSS 是在做什么?

描述元素的外观

进一步讲,不就是 相关的信息吗?

对于相关的信息该怎么做?

使用 元素的属性 来存储


另外,这件事说明了什么? 有着明确的目标

那该怎么做?

单独成文


因此,使用 CSS 的方式有三种,分别是

  • 样式内容
  • 样式属性
  • 样式文件

分别借助于

  • style元素
  • style属性
  • link元素来实现

样式文件使用 .css 作为后缀

使用的前提是让浏览器能够找到它


CSS 的基本结构

前言道,CSS 用于描述元素外观,即元素是什么模样

这涉及到两个问题

  • 描述哪个元素
  • 是什么模样

该如何解决,答案是依靠 选择器声明

它们合称为 规则集


选择器用于选择要描述的那个元素,可以理解为 HTML 元素在 CSS 中的呈现

声明用于描述是什么模样,分为 属性名与属性值 两部分

属性名决定了 从哪个方面进行描述

属性值决定了 从这个方面看,外观的的表象


一些需要注意的细节

  • 规则集不区分大小写
  • 声明包裹在 花括号
  • 属性名与属性值要用 冒号 隔开
  • 声明可有多条,两条之间使用 分号 隔开

选择器未知时,规则集会被浏览器视为无效并将其忽略

属性未知属性值对这个属性而言无效时,声明也会被浏览器视为无效并将其忽略


你可能感兴趣的:(三块基石,前端,css)