• 【前段基础入门之】=>玩转【CSS】开篇章!


    在这里插入图片描述

    在这里插入图片描述

    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

    值得注意

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

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


    内部样式

    • 写在 HTML 页面内部,将所有的 CSS 代码提取出来,单独放在
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7

      值得注意