Question 1

什么是 CSS？为什么要使用它？

Accepted Answer

CSS 是我们用来创建美观网站的编程语言，其全称是层叠样式表（Cascading Style Sheets）。CSS 用于描述 HTML（或 XML）元素在屏幕上的显示方式。CSS 的设计目标是实现内容与表现形式的分离，包括布局、颜色和字体。

CSS 在前端开发中扮演什么角色？

前端开发是指创建网站或应用程序中用户直接看到并与之交互的部分的过程。前端开发者综合运用多种编程语言、工具和技术来构建用户界面与用户体验，即 HTML、CSS 和 JavaScript。

HTML用于组织内容并构建网页的基本结构。

CSS 为 HTML 内容的视觉呈现设置样式，包括颜色、字体、布局以及针对不同屏幕尺寸的响应式设计。

JavaScript用于为网页添加交互性、动态行为和客户端功能，例如表单验证、动画和实时更新。

Question 2

CSS 的不同类型

Accepted Answer

CSS 样式有三种类型：内部样式、外部样式和内联样式。

内部 CSS 需要在 HTML 文档的 <head> 部分添加 <style> 标签，定义在 <style> 标签内的 CSS 规则将应用于该 HTML 文档中的元素。

外部 CSS 允许将网页链接到一个外部 .css 文件，该文件可以用任何文本编辑器创建。这种方式效率更高，尤其适合为大型网站设置样式。只需编辑一个 .css 文件，就能一次性更改整个网站。

内联 CSS 用于为特定的 HTML 元素设置样式。使用这种 CSS 时，只需在每个 HTML 标签上添加 style 属性即可，无需使用选择器。但并不推荐这种方式，因为每个 HTML 标签都必须单独设置样式。如果只使用内联 CSS，网站的管理会变得非常困难。