Введение в CSS

什么是 CSS？

  • CSS 指的是层叠样式表* (Cascading Style Sheets)
  • CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
  • CSS 节省了大量工作。它可以同时控制多张网页的布局
  • 外部样式表存储在 CSS 文件中

*：也称级联样式表。

CSS 演示 - 一张 HTML 页面 - 多个样式！

下面是一张提供了四个不同样式表的 HTML 页面。请单击下面的样式表链接，来查看不同的样式：

为何使用 CSS？

CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。

Пример CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

亲自试一试

CSS 解决了一个大问题

HTML 从未打算包含用于格式化网页的标签！

Цель создания HTML -Описание веб-страницынапример:

<h1>Это заголовок.</h1>
<p>Это абзац.</p>

Добавление тегов, таких как <font>, и свойств цвета в спецификацию HTML 3.2 началось кошмар для разработчиков веб-сайтов. Разработка крупных сайтов требовала добавления информации о шрифтах и цветах на каждую страницу, что стало долгим и дорогим процессом.

Чтобы решить эту проблему, Веб-ассоциация (W3C) создала CSS.

CSS удалил стили форматирования из HTML страницы!

Если вы не знаете, что такое HTML, рекомендуется прочитать Уроки HTML.

CSS экономит много работы!

Определения стилей обычно сохраняются во внешних файлах .css.

Используя внешние файлы стилей, вам нужно изменить только один файл, чтобы изменить вид всего сайта!