## Привет, CSS Мы уже создали файл `index.html` в WebIDE. Давайте откроем его и добавим немного HTML-кода. ```html My First Web Page

Hello HTML

``` ![HTML-код в WebIDE](https://file.labex.io/namespace/df87b950-1f37-4316-bc07-6537a1f2c481/css/lab-the-first-css-lab/ru/../assets/lab-hello-world-1-1.png) Затем нажмите кнопку **Go Live** в правом нижнем углу, это запустит локальный веб-сервер на порту 8080. Теперь вы можете переключиться на вкладку **Web 8080** и нажать кнопку обновления, чтобы увидеть изменения. ![Вид вкладки Web 8080](https://file.labex.io/namespace/df87b950-1f37-4316-bc07-6537a1f2c481/css/lab-the-first-css-lab/ru/../assets/lab-hello-world-1-2.png) ### Добавление CSS Давайте добавим немного CSS-кода в файл `index.html`. ```html My First Web Page

Hello HTML

``` Переключитесь на вкладку **Web 8080** и нажмите кнопку обновления, чтобы увидеть изменения. !["Hello HTML" с примененным CSS-стилем](https://file.labex.io/namespace/df87b950-1f37-4316-bc07-6537a1f2c481/css/lab-the-first-css-lab/ru/../assets/lab-hello-world-1-3.png) ### Использование внешнего CSS Мы уже создали файл `style.css` в WebIDE. Давайте откроем его и добавим немного CSS-кода. ```css h1 { color: red; } p { color: blue; } ``` Затем изменим файл `index.html` так, чтобы он использовал внешний CSS-файл. ```html My First Web Page

Hello HTML

This is a paragraph.

``` Переключитесь на вкладку **Web 8080** и нажмите кнопку обновления, чтобы увидеть изменения. ![Веб-страница с примененным внешним CSS](https://file.labex.io/namespace/df87b950-1f37-4316-bc07-6537a1f2c481/css/lab-the-first-css-lab/ru/../assets/lab-hello-world-1-4.png)