认识 CSS

HTML 定义内容的含义，为网页构建基本的结构。而 CSS（Cascading Style Sheet，层叠样式表）则定义它们的外观。

样式表不过是一种文本文件，其中包含一个或多个（通过属性和值）决定网页某特定元素如何显示的规则。

CSS 里有控制基本格式（如字号和颜色）的属性，有控制布局（如定位和浮动）的属性。 CSS 还有很多控制项目显示或消失的动态属性，可以用于创建下拉列表和其他交互性组件。

概念：

CSS (Cascading Style Sheets) ，通常称为 CSS 样式表或层叠样式表（级联样式表）

作用：

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

• CSS 以 HTML 为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

HTML 的局限性

说起 HTML，这其实是个非常单纯的家伙， 他只关注内容的语义，

比如 <h1> 表明这是一个大标题，用 <p> 表明这是一个段落，用 <img> 表明这儿有一个图片， 用 <a> 表示此处有链接。

很早的时候，世界上的网站虽然很多，但是他们都有一个共同的特点： 丑。

原因有以下三点

• HTML 满足不了设计者的需求
• 操作 HTML 属性不方便
• HTML 里面添加样式写起来臃肿且繁琐

CSS 网页的美容师

1. 让我们的网页更加丰富多彩，布局更加灵活自如。

2. CSS 的最大贡献就是：让 HTML 从样式中脱离， 实现了 HTML 专注去做 结构呈现，样式交给 CSS

CSS 非常有用，如果 JavaScript 是网页的魔法师，那么 CSS 它是我们网页的美容师，开美颜与不开美颜，完全是两个东西。