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

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.

Create a Simple CSS Stylesheet Using Notepad Step 2

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-документ, можливо, вам доведеться зробити наступний крок-то є, зв`язати документ і веб-сторінки. Будь ласка, перегляньте відносять до цього питання статті для того, щоб зробити це.

Things You`ll Need

комп`ютер
програма Notepad
Інтернет-браузер