旧梦星轨
旧梦星轨

【前段基础入门之】=＞玩转【CSS】开篇章！

在这里插入图片描述

目录

  • CSS 的简介：
    • CSS的编写位置
      • 行内样式
      • 内部样式
      • 外部样式
    • 样式表的优先级
    • CSS语法规范：
  • 总结：

【前段基础入门之】=＞玩转【CSS】开篇章！_第1张图片

CSS 的简介：

层叠样式表（Cascading Style Sheets，缩写为 CSS）是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。

  • 简单理解:CSS可以美化HTML结构，让HTML更加富有色彩化
  • 核心思想：HTML 搭建结构， CSS 添加样式，实现了：结构与样式的分离

CSS的编写位置

行内样式

  • 写在标签的 Style 属性中，（又称为：内联样式）
"color: red;font-size: 25px;font-weight: bold;">CSS层叠样式表

值得注意：

  1. Style 属性的值不能随便写，写要符合 CSS 语法规范，是 名:值; 的格式
  2. 行内样式表，只能控制当前书写的标签载体的样式，对其他标签无效

缺点：书写繁琐、样式不能复用、并且没有体现出：结构与样式分离 的思想，不推荐大量使用，只有对当前元素添加简单样式时，才偶尔使用。

内部样式

  • 写在 HTML 页面内部，将所有的 CSS 代码提取出来，单独放在

    值得注意：