Як створити просту таблицю стилів CSS за допомогою Notepad

Відеоролик: Таблицы html. Как создать и настроить ячейки

Зміст

кроки
Поради
Things You'll Need

Notepad - один з текстових редакторів, які можна використовувати для створення каскадної таблиці стилів (CSS) документа. Після створення файлу CSS в Notepad ви можете пов'язати цей файл з веб-сторінкою так, що зміст веб-сторінки може форматироваться вашої таблицею стилів.

кроки

1 Відкрийте програму Notepad.
2Скопіюйте наступний код:

@charset "utf-8"; / * CSS Document * // * Define the body element's color * / body {background: # FFFFFF;} / * This section is for links * / a: link { font-weight: normal; color: Navy} a: visited {font-weight: normal; color: Green;} a: hover {font-weight: bold; color: Red; font-variant: small-caps;} / * This section is for a paragraph section * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * This section is for the image's black border. * / img {border-color: # 000000; border: thick; border-style: ridge;}

# Вставте код з "Крок 2" в Notepad.

1 Збережіть файл в Notepad. Збережіть його під ім'ям "SimpleCSS.css", натиснувши кнопку "File" і вибравши команду "Save". Після натискання кнопки "Save" відобразиться діалогове вікно "Save As".
2 Назвіть свій CSS-файл. Введіть "SimpleCSS.css" або будь-яке ім'я в текстове поле "File Name" з розширенням ".css".
3 Натисніть кнопку "Save".
4 Справу зроблено!

Поради

Зберігайте Notepad-файл як Text Only (іноді його можна було б назвати Text Document або ASCII) і дайте йому розширення ".css".
Код, який ми написали тут, є тільки прикладом, щоб показати вам, як створювати базовий файл CSS за допомогою Notepad для управління своїми HTML елементами в нашому прикладі веб-сторінки, яка відображається в розділі Введення. Ви можете змінити наше CSS кодування, однак, як ви хочете відформатувати стилі і вид веб-сторінок.
Не забудьте розмістити збережений CSS-документ в тій же папці, що і ваші HTML документи, де ви створили веб-сторінки.
Після того як ви створили створили CSS-документ, можливо, вам доведеться зробити наступний крок; тобто, зв'язати документ і веб-сторінки. Будь ласка, перегляньте відносять до цього питання статті для того, щоб зробити це.